Bootstrap——面包屑導航（Breadcrumbs）

面包屑導航（Breadcrumbs）是一種基於網站層次信息的顯示方式。

Bootstrap 中的面包屑導航（Breadcrumbs）是一個簡單的帶有 .breadcrumb 類的無序列表。

<ol class="breadcrumb">
    <li>
        <a href="#">首頁</a>
    </li>
    <li>
        <a href="#">首頁2</a>
    </li>
    <li class="active"> Bootstrap 3 </li>
</ol>

 

其中的分隔符會通過 CSS（bootstrap.min.css）中下面所示的類自動被添加：

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