bootstrap面包屑导航
面包屑导航是一各基于网站层次信息的显示方式,以博客为例,面包屑导航可以显示发布日期,类别或标签,它们表示当前页面在导航层次结构的位置。
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>
作者:逐帆
出处:http://www.cnblogs.com/langhua/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。