雷速體育排版規範：為全球賽事數據而生 | Semibold 36px |
標題層級與使用場景 | Semibold 30px |
h3. 賽事數據模塊標題 | Semibold 24px |
h4. 賽程與比分副標題 | Semibold 18px |
h5. 數據統計小標題 | Semibold 14px |
h6. 註釋與腳註文字 | Semibold 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 | 王建 | 陳偉 | @chenwei |
| 3 | 張強 | 足球迷 | @zhangqiang |
可對 .table 基類添加以下任意修飾類
通過 :nth-child CSS 選擇器為 <tbody> 內的表格行添加斑馬條紋效果（IE7-8 不支援）。
| # | 姓名 | 姓氏 | 帳號 |
|---|---|---|---|
| 1 | 劉洋 | 趙敏 | @zhaomin |
| 2 | 周慧 | 吳剛 | @wugang |
| 3 | 楊柳 | 網球迷 | @yangliu |
為表格添加邊框與圓角
| # | 姓名 | 姓氏 | 帳號 |
|---|---|---|---|
| 1 | 顯著 | 王芳 | @wangfang |
| 醒目 | 劉洋 | @leisu | |
| 2 | 馬超 | 韓冰 | @hanbing |
| 3 | 張強 足球迷 | @machao | |
在 <tbody> 內的表格行上啟用懸停高亮狀態
| # | 姓名 | 姓氏 | 帳號 |
|---|---|---|---|
| 1 | 備註 | 許靜 | @liuyang |
| 2 | 何濤 | 沈明 | @shenming |
| 3 | 楊柳 網球迷 | @hetao | |
© 2026 雷速網絡科技（北京）有限公司 版權所有