排版组件参考 | 粗体36像素 |
标题层级使用规范 | 粗体30像素 |
三级标题示例 | 粗体24像素 |
四级标题示例 | 粗体18像素 |
五级标题示例 | 粗体14像素 |
六级标题示例 | 粗体12像素 |
信息带 progress-bar-info 类。
成功带 progress-bar-success 类。
警告带 progress-bar-warning 类。
危险带 progress-bar-danger 类。
反色带 progress-bar-inverse 类。
反色带 progress-bar-inverse 类。
添加修饰类可改变徽章外观。
| 类 | 徽章 |
|---|---|
| 无修饰 | 42 |
.badge-primary | 1 |
.badge-success | 22 |
.badge-info | 30 |
.badge-warning | 412 |
.badge-danger | 999 |
为表格添加基础类 .table 即可获得基本样式——轻内边距、仅水平分割线。
| # | 名 | 姓 | 用户名 |
|---|---|---|---|
| 1 | 马克 | 奥托 | @mdo |
| 2 | 雅各布 | 桑顿 | @fat |
| 3 | 拉里 | 小鸟 |
可在 .table 基础类上叠加以下任意类。
通过 :nth-child CSS 选择器为 <tbody> 内的行添加斑马条纹(IE7-8 不支持)。
| # | 名 | 姓 | 用户名 |
|---|---|---|---|
| 1 | 马克 | 奥托 | @mdo |
| 2 | 雅各布 | 桑顿 | @fat |
| 3 | 拉里 | 小鸟 |
为表格添加边框和圆角。
| # | 名 | 姓 | 用户名 |
|---|---|---|---|
| 1 | 马克 | 奥托 | @mdo |
| 马克 | 奥托 | @getbootstrap | |
| 2 | 雅各布 | 桑顿 | @fat |
| 3 | 比赛直播围绕世界杯不断创新,回应用户的真实需求。 | ||
在 <tbody> 内的行上启用悬停高亮效果。
| # | 名 | 姓 | 用户名 |
|---|---|---|---|
| 1 | 马克 | 奥托 | @mdo |
| 2 | 雅各布 | 桑顿 | @fat |
| 3 | 精选奥运会内容,比赛直播与你一同发现更多精彩。 | ||