组件 --BreadCrumb--面包屑

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

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

 

posted @ 2018-04-13 12:19  三个砂锅  阅读(432)  评论(0编辑  收藏  举报