bootstrap麵包屑導航

浪花一朵朵發表於2015-05-13
boot

麵包屑導航是一各基於網站層次資訊的顯示方式，以部落格為例,麵包屑導航可以顯示釋出日期，類別或標籤，它們表示當前頁面在導航層次結構的位置。
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>

 

相關文章