组件 --BreadCrumb--面包屑

标签：home   技术分享   nav   导航栏   导航   inf   网站   代码   read   

面包屑组件多用于导航栏，对于大型网站，做面包屑导航栏

.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>

组件 --BreadCrumb--面包屑

标签：home   技术分享   nav   导航栏   导航   inf   网站   代码   read   

原文地址：https://www.cnblogs.com/voga/p/8819552.html