雷速体育，赛事直播一触即达 | 粗体 36px |
标题样式展示 | 粗体 30px |
h3. 赛事标题示例 | 粗体 24px |
h4. 数据更新延迟低于3秒 | 粗体 18px |
h5. 覆盖全球200+足球联赛 | 粗体 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 | 高亮 | 张伟 | @zhangwei |
| 2 | 刘洋 | 杨帆 | @yangfan |
| 3 | 徐明 | 林峰 | @xuming |
可在.table基类上添加以下任意类
通过:nth-child选择器为<tbody>内表格行添加斑马条纹效果（IE7-8不支持），提升数据可读性。
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 标记 | 王磊 | @wanglei |
| 2 | 黄鑫 | 孙浩 | @sunhao |
| 3 | 何涛 | 郭强 | @hetao |
为表格添加边框和圆角
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 标注 | 李娜 | @lina |
| 突出 | 陈静 | @leisusports | |
| 2 | 周涛 | 马超 | @machao |
| 3 | 徐明 林峰 | @guoqiang | |
在<tbody>内表格行上启用悬停高亮状态
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 强调 | 赵明 | @chenjing |
| 2 | 吴强 | 朱峰 | @zhufeng |
| 3 | 何涛 郭强 | @linfeng | |
© 2026 雷速体育. 保留所有权利