Bootstrap-breadcrumb
提供:Dev Guides
ブートストラップ-パンくずリスト
パンくずリストは、サイトの階層ベースの情報を表示する優れた方法です。 ブログの場合、パンくずリストは公開日、カテゴリ、またはタグを表示できます。 これらは、ナビゲーション階層内の現在のページの場所を示します。
Bootstrapのブレッドクラムは、*。breadcrumb *のクラスを持つ単純な順序なしリストです。 セパレータは、次のクラスを介してCSS(bootstrap.min.css)によって自動的に追加されます-
.breadcrumb > li + li:before {
color: #CCCCCC;
content: "/";
padding: 0 5px;
}
次の例は、パンくずを示しています-
<ol class = "breadcrumb">
<li><a href = "#">Home</a></li>
<li><a href = "#">2013</a></li>
<li class = "active">November</li>
</ol>