面包屑 - 零件

指示当前页面在导航层次结构中的位置,该层次结构通过CSS自动添加分隔符。

概观

分隔符自动添加到CSS中 ::before and 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>