← Bootstrap 导航元素 Bootstrap 分页 ( pagination ) →

Bootstrap 面包屑导航( Breadcrumbs )

面包屑导航( Breadcrumbs ) 是一种基于网站层次信息的显示方式，用于表示当前页面在导航层次结构内的位置

Bootstrap .breadcrumb CSS 类用于将一个有序列表显示为面包屑导航( Breadcrumbs )

.breadcrumb > li + li:before {
    color: #CCCCCC;
    content: "/ ";
    padding: 0 5px;
}

下面的范例演示了如何使用 Bootstrap 创建面包屑导航

<ol class="breadcrumb">
    <li><a href="#">Home</a></li>
    <li><a href="#">2013</a></li>
    <li class="active">十一月</li>
</ol>

运行以上范例，输出结果如下

面包屑导航

← Bootstrap 导航元素 Bootstrap 分页 ( pagination ) →

♥ 简单教程，简单编程 - IT 入门首选站