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>

 

你可能感兴趣的:(bootstrap)