面包屑组件多用于导航栏,对于大型网站,做面包屑导航栏
.breadcrumb
.breadcrumb-item
.active:表示现在正处在该页面
效果截图:
代码:
<nav>
<ol class = "breadcrumb">
<li class = "breadcrumb-item"><a href="#">Home</a></li>
<li class = "breadcrumb-item"><a href="#">Library</a></li>
<li class = "breadcrumb-item active">Data</li>
</ol>
</nav>