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

HTML・CSS

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>
スポンサーリンク

コメント

タイトルとURLをコピーしました