h1. 優直播頂級賽事，一觸即發 | 優直播 Semibold 36px |
h2. 高清無延遲，暢享每一刻 | 優直播 Semibold 30px |
h3. 區塊鏈存證，數據永不可篡改 | 優直播 Semibold 24px |
h4. 4K畫質，安裝包僅18MB | 優直播 Semibold 18px |
h5. 彈幕互動，邊看邊聊更過癮 | 優直播 Semibold 14px |
h6. 支援安卓與iOS雙平台 | 優直播 Semibold 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，即可獲得輕量內邊距與水平佈局，適合展示即時比分數據。
| # | 名字 | 姓氏 | 用戶名 |
|---|---|---|---|
| 1 | 高亮 | 張偉 | @優直播張偉 |
| 2 | 趙磊 | 錢華 | @優直播錢華 |
| 3 | 黃健 | 小鳥 | @優直播黃健 |
在.table基類上添加以下任意類，快速切換表格風格。
透過CSS的:nth-child選擇器為<tbody>內行添加斑馬條紋，提升長表格可讀性，IE7-8不支援此效果。
| # | 名字 | 姓氏 | 用戶名 |
|---|---|---|---|
| 1 | 標記 | 李明 | @優直播李明 |
| 2 | 孫鵬 | 鄭輝 | @優直播鄭輝 |
| 3 | 林濤 | 飛鷹 | @優直播林濤 |
為表格添加邊框和圓角，讓數據展示更清晰。
| # | 名字 | 姓氏 | 用戶名 |
|---|---|---|---|
| 1 | 強調 | 王芳 | @優直播王芳 |
| 突出 | 劉洋 | @優直播官方 | |
| 2 | 周婷 | 馮雪 | @優直播馮雪 |
| 3 | 黃健 小鳥 | @優直播周婷 | |
啟用懸停高亮效果，滑鼠經過行時變色，便於追蹤賽況。
| # | 名字 | 姓氏 | 用戶名 |
|---|---|---|---|
| 1 | 醒目 | 陳靜 | @優直播陳靜 |
| 2 | 吳強 | 褚明 | @優直播褚明 |
| 3 | 林濤 飛鷹 | @優直播吳強 | |
© 2026 優直播科技有限公司 保留所有權利