Bootstrap-breadcrumb

提供:Dev Guides
2020年6月22日 (月) 20:01時点におけるMaintenance script (トーク | 投稿記録)による版 (Imported from text file)
(差分) ← 古い版 | 最新版 (差分) | 新しい版 → (差分)
移動先:案内検索

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

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

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>