面包屑 - 临 零件
指示当前页面在导航层次结构中的位置,该层次结构通过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>