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类 | 尝试一下 |