h1. 蓝鲸体育主标题样式 | 粗体 36px |
h2. 蓝鲸直播二级标题 | 粗体 30px |
h3. 蓝鲸体育三级标题 | 粗体 24px |
h4. 蓝鲸体育四级标题 | 粗体 18px |
h5. 蓝鲸体育五级标题 | 粗体 14px |
h6. 蓝鲸体育六级标题 | 粗体 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> 上使用 .table 基类即可快速生成整洁的赛事数据表格。
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 高亮 | 奥托 | @mdo |
| 2 | 雅各布 | 桑顿 | @fat |
| 3 | 拉里 | 小鸟 |
为 .table 基类添加以下任意类,改变表格风格。
斑马条纹:通过 CSS 的 :nth-child 选择器为 <tbody> 内的表格行添加交替背景色,便于区分不同赛程行。
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 标记 | 奥托 | @mdo |
| 2 | 雅各布 | 桑顿 | @fat |
| 3 | 拉里 | 小鸟 |
带边框和圆角的表格,适合展示球队积分榜。
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 荧光 | 奥托 | @mdo |
| 强调 | 奥托 | @getbootstrap | |
| 2 | 雅各布 | 桑顿 | @fat |
| 3 | 拉里小鸟 | ||
启用悬停效果:鼠标经过表格行时高亮,方便查看球员数据。
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 重点 | 奥托 | @mdo |
| 2 | 雅各布 | 桑顿 | @fat |
| 3 | 拉里小鸟 | ||
© 2026 蓝鲸体育科技有限公司 | 版权所有