欧亿体育 · 今日赛事一览 | 粗体 36px |
五大联赛赛程概览 | 粗体 30px |
h3. 英超第8轮焦点战 | 粗体 24px |
h4. 曼城 vs 阿森纳 | 粗体 18px |
h5. 皇家马德里 vs 巴塞罗那 | 粗体 14px |
h6. 拜仁慕尼黑 vs 多特蒙德 | 粗体 12px |
信息与 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 | 拉里·小鸟 | ||