ブレッドクラム - プロ 成分

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>