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...
HTML・CSS

Bootstrapでパネルを作成する

Bootstrapでパネルを作成することができます。 参考ページ:Panels 設定の基本は、classに"panel panel-default"と"panel-body"を設定することでパネルを作成できます。 <div class="p...
HTML・CSS

Bootstrapでリストのデザイン設定

Bootstrapでリストをデザインするには、classに"list-group"と"list-group-item"を使います。 参考ページ:List group 上のリストを表示する設定が下のHTMLで、ul要素のclassに"list...