HTML・CSS

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

Bootstrapでパネルを作成する

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