Bootstrapでパンくずリストを作成する

Bootstrapを利用してパンくずリスト(Breadcrumbs)を作成することができます。
参考ページ:Breadcrumbs

パンくずリストを作成するには、リスト(ol、ul)のclassに”breadcrumb”を追加します。また、liのclassに”active”を追加すると文字の色が淡い灰色になります。

Breadcrumbs

<ol class="breadcrumb">
	<li><a href="#">トップ</a></li>
	<li><a href="#">カテゴリー</a></li>
	<li class="active">記事</li>
</ol>

また、ul要素の場合。

<ul class="breadcrumb">
	<li><a href="#">トップ</a></li>
	<li><a href="#">カテゴリー</a></li>
	<li class="active">記事</li>
</ul>

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です