Bootstrap 麵包屑導航
麵包屑導航(Breadcrumbs)是一種基於網站層次信息的顯示方式。 以博客為例,麵包屑導航可以顯示發布日期、類別或標籤。 它們表示當前頁面在導航層次結構內的位置。
Bootstrap中的麵包屑導航(Breadcrumbs)是一個簡單的帶有.breadcrumb class的無序列表。 分隔符會通過CSS(bootstrap.min.css)中下面所示的class 自動被添加:
.breadcrumb > li + li:before { color: #CCCCCC; content: "/ "; padding: 0 5px; }
下面的實例演示了麵包屑導航:
實例
< ol class = " breadcrumb " >
< li > < a href = " # " > Home </ a > </ li >
< li > < a href = " # " > 2013 </ a > </ li >
< li class = " active " > 十一月 </ li >
</ ol >
嘗試一下»
結果如下所示: