面包屑导航是一各基于网站层次信息的显示方式,以博客为例,面包屑导航可以显示发布日期,类别或标签,它们表示当前页面在导航层次结构的位置。
Bootstrap中的面包屑导航是一个简单的带有breadcrumb class的无序列表,分隔符会通过css中下面所示的class自动添加。
css:
.breadcrumb > li + li:before { color: #CCCCCC; content: "/ "; padding: 0 5px; }
效果如下图所示:
主要是定义breadcrumb类
<ol class="breadcrumb"> <li><a href="#">Home</a></li> <li><a href="#">2015</a></li> <li class="active"><a href="#">五月</a></li> </ol>