ブレッドクラム - プロ 成分
CSSを介して自動的にセパレータを追加するナビゲーション階層内の現在のページの場所を示します。
概要
区切り文字は[:: before
](https://developer.mozilla.org/en-US/docs/Web/CSS/::before)および[ content
](https://)を通じてCSSに自動的に追加されます。 developer.mozilla.org/en-US/docs/Web/CSS/content)。
<nav aria-label="breadcrumb" role="navigation">
<ol class="breadcrumb">
<li class="breadcrumb-item active" aria-current="page">ホーム</li>
</ol>
</nav>
<nav aria-label="breadcrumb" role="navigation">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">ホーム</a></li>
<li class="breadcrumb-item active" aria-current="page">としょうかん</li>
</ol>
</nav>
<nav aria-label="breadcrumb" role="navigation">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#">ホーム</a></li>
<li class="breadcrumb-item"><a href="#">としょうかん</a></li>
<li class="breadcrumb-item active" aria-current="page">データ</li>
</ol>
</nav>