### 路徑組件 路徑組件也叫做面包屑導航。 **面包屑導航** ~~~html <ol class="breadcrumb"> <li><a href="#">首頁 </a></li> <li><a href="#">產品列 表</a></li> <li class="active">韓版 2015 年羊絨毛衣</li> </ol> ~~~ ### 分頁組件 分頁組件可以提供帶有展示頁面的功能。 **默認分頁** ~~~html <ul class="pagination pagination-lg"> <li><a href="#">&laquo;</a></li> <li class="active"><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li class="disabled"><a href="#">5</a></li> <li><a href="#">&raquo;</a></li> </ul> ~~~ **首選項和禁用** ~~~html <li class="active"><a href="#">1</a></li> <li class="disabled"><a href="#">2</a></li> ~~~ **設置尺寸，四種 lg、默認、sm 和 xs** ~~~html <ul class="pagination pagination-lg"> ~~~ **翻頁效果** ~~~html <ul class="pager"> <li><a href="#">上一頁</a></li> <li><a href="#">下一頁</a></li> </ul> ~~~ **對齊翻頁鏈接** ~~~html <ul class="pager"> <li class="previous"><a href="#">上一頁</a></li> <li class="next"><a href="#">下一頁</a></li> </ul> ~~~ **翻頁項禁用** ~~~html <li class="previous disabled"><a href="#">上一頁</a></li> ~~~ ### 標簽 **在文本后面帶上標簽** ~~~html <h3>標簽 <span class="label label-default">new</span></h3> ~~~ **不同色調的標簽** ~~~html <h3>標簽 <span class="label label-primary">new</span></h3> <h3>標簽 <span class="label label-success">new</span></h3> <h3>標簽 <span class="label label-info">new</span></h3> <h3>標簽 <span class="label label-warning">new</span></h3> <h3>標簽 <span class="label label-danger">new</span></h3> ~~~ ### 徽章 **未讀信息數量徽章** ~~~html <a href="#">信息 <span class="badge">10</span></a> ~~~ **按鈕中使用徽章** ~~~html <button class="btn btn-success"> 提交 <span class="badge">3</span> </button> ~~~ **激活狀態自動適配色調** ~~~html <ul class="nav nav-pills"> <li class="active"> <a href="#">首頁 <span class="badge">2</span></a> </li> <li><a href="#">資訊</a></li> </ul> ~~~