h1. 东升国际主标题 | 标题一 36px |
h2. 赛事资讯版块标题 | 标题二 30px |
h3. 直播与回看入口 | 标题三 24px |
h4. 比分刷新提示 | 正文大 18px |
h5. 搜索关键词示例 | 正文小 14px |
h6. 页脚小标题 | 辅助文字 12px |
信息带 progress-bar-info class.
成功带 progress-bar-success class.
警告带 progress-bar-warning class.
危险带 progress-bar-danger class.
反转带 progress-bar-inverse class.
反转带 progress-bar-inverse class.
使用修饰类改变徽章外观
| 样式类 | 徽章标记 |
|---|---|
| 无修饰 | 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 选择器为 <tbody> 行添加斑马条纹效果（IE7-8 不支持）。
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 标记 | 奥托 | @mdo |
| 2 | 雅各布 | 桑顿 | @fat |
| 3 | 拉里 | 小鸟 |
为表格添加边框和圆角。
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 标记 | 奥托 | @mdo |
| 标记 | 奥托 | @getbootstrap | |
| 2 | 雅各布 | 桑顿 | @fat |
| 3 | 拉里小鸟 | ||
为 <tbody> 行启用悬停高亮状态。
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 标记 | 奥托 | @mdo |
| 2 | 雅各布 | 桑顿 | @fat |
| 3 | 拉里小鸟 | ||
© 2026 东升国际信息科技 版权所有