ブートストラップ-パンくず

ブレッドクラムは、サイトの階層ベースの情報を表示するための優れた方法です。ブログの場合、ブレッドクラムは公開日、カテゴリ、またはタグを表示できます。これらは、ナビゲーション階層内の現在のページの場所を示します。

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>