Bootstrap3 Breadcrumbの書き方、使い方

Pocket

Bootstrap3のBreadcrumbの使い方

breadcrumbのclass

Bootstrap3のパンくずリストは.breadcrumbolタグにつけるだけで簡単に作成できます。現在のページには.activeclassをつければOK。

Class名 概要
ol.breadcrumb パンくずリストを作る
li.active 現在のページ
<ol class="breadcrumb">
  <li><a href="#">トップページ</a></li>
  <li><a href="#">カテゴリー</a></li>
  <li class="active">現在のページ</li>
</ol>