雷速體育，賽事直播一觸即達 | 粗體 36px |
標題樣式展示 | 粗體 30px |
h3. 賽事標題範例 | 粗體 24px |
h4. 數據更新延遲低於3秒 | 粗體 18px |
h5. 覆蓋全球200+足球聯賽 | 粗體 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>上添加.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 雷速體育. 保留所有權利