プログラミング

HTML・CSS

Bootstrapで画像のスタイルを変更する

Bootstrapで画像の表示スタイルを変更することができます。 参考ページ:Images imgタグのclassに"img-rounded"で角を丸く、"img-circle"で円に、"img-thumbnail"でサムネイル風に、それぞ...
HTML・CSS

Bootstrapでページネーション(ページャー)を作成する

Bootstrapでページネーション(ページャー)を作成する方法について。 参考ページ:Pagenation ページネーションの作成 ページネーションを作るには、ul(ol)要素のclassに"pagination"を追加するだけでページネ...
HTML・CSS

Bootstrapでパンくずリストを作成する

Bootstrapを利用してパンくずリスト(Breadcrumbs)を作成することができます。 参考ページ:Breadcrumbs パンくずリストを作成するには、リスト(ol、ul)のclassに"breadcrumb"を追加します。また、...
HTML・CSS

Bootstrapでテーブルをデザインする

Bootstrapでテーブルのデザインをするときは、tableのclassに"table"と記述します。 参考ページ:Tables <table class="table"> ..... </table> ストライプ 行ごとにストライプ(縞...
HTML・CSS

Bootstrapでナビゲーションを作成する

Bootstrapのナビゲーション(ナビバー)に関しては、いくつかデザイン方法がありますけれど基本的な作成方法について書きます。 参考ページ:Navbar ナビゲーションを作るには、nav(またdiv)のclassに"navbar navb...