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>