Bootstrap Navigation Components
標籤和丸
| 類 | 描述 | 例 |
|---|
| .nav nav-tabs | 創建導航標籤 | 嘗試一下 |
| .nav nav-pills | 創建導航丸 | 嘗試一下 |
| .nav nav-pills nav-stacked | 創建垂直導航丸 | 嘗試一下 |
| .nav-justified | 使導航選項卡/丸其父的寬度相等，在屏幕上比768px寬。 在較小的屏幕上，導航選項卡/藥丸堆放 | 嘗試一下 |
| .disabled | 表示已禁用（不可點擊）選項卡/丸 | 嘗試一下 |
| 導航標籤與下拉菜單 | 嘗試一下 |
| 導航藥丸下拉菜單 | 嘗試一下 |
| .tab-content | 加上.tab-pane和data-toggle="tab" (data-toggle="pill" for pills) ，它使片/丸toggable | 嘗試一下 |
| .tab-pane | 加上.tab-content和data-toggle="tab" (data-toggle="pill" for pills) ，它使片/丸toggable | 嘗試一下 |
麵包屑和分頁
| 類 | 描述 | 例 |
|---|
| .breadcrumb | 讓一個麵包屑 | 嘗試一下 |
| .pager | 提供簡單的分頁鏈接（上一頁/下一頁） | 嘗試一下 |
| .previous | 對齊.pager以前按鈕向左 | 嘗試一下 |
| .next | 對齊.pager下一個按鈕向右 | 嘗試一下 |
| .disabled | 表示一個不可點擊的鏈接 | 嘗試一下 |
| .pagination | 提供了分頁鏈接 | 嘗試一下 |
| .pagination-lg | 與一起使用.pagination類，以提供更大的分頁鏈接 | 嘗試一下 |
| .pagination-sm | 與一起使用.pagination類，以提供更小的分頁鏈接 | 嘗試一下 |
| .disabled | 表示一個不可點擊的鏈接 | 嘗試一下 |
| .active | 顯示當前頁面 | 嘗試一下 |
標籤
| 類 | 描述 | 例 |
|---|
| .label label-default | 表示默認的灰色標籤 | 嘗試一下 |
| .label label-primary | 指示型的藍色標籤的"primary" | 嘗試一下 |
| .label label-success | 指示類型的綠色標籤"success" | 嘗試一下 |
| .label label-info | 指示類型淡藍色標籤"info" | 嘗試一下 |
| .label label-warning | 指示類型的黃色標籤"warning" | 嘗試一下 |
| .label label-danger | 指示的類型紅色標籤"danger" | 嘗試一下 |
| .badge | 表示新的或未讀條目 | 嘗試一下 |
| .jumbotron | 表示一個大箱子調用格外注意功能的內容或信息 | 嘗試一下 |
| .jumbotron (extra) | 要讓.jumbotron箱跨越整個寬度，沒有圓角，將它放置在外面.container類 | 嘗試一下 |