h1. 藍鯨體育主標題樣式 | 粗體 36px |
h2. 藍鯨直播二級標題 | 粗體 30px |
h3. 藍鯨體育三級標題 | 粗體 24px |
h4. 藍鯨體育四級標題 | 粗體 18px |
h5. 藍鯨體育五級標題 | 粗體 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 | 高亮 | 陳偉 | @bluewhale |
| 2 | 志明 | 天祥 | @football |
| 3 | 俊傑 | 小藍 | @bluewhale_tw |
為 .table 基類新增以下任意類，改變表格風格。
斑馬條紋：透過 CSS 的 :nth-child 選擇器為 <tbody> 內的表格行新增交替背景色，便於區分不同賽程行。
| # | 名字 | 姓氏 | 用戶名 |
|---|---|---|---|
| 1 | 標記 | 林芳 | @sports_fan |
| 2 | 小華 | 佩珊 | @basketball |
| 3 | 美玲 | 鯨鯨 | @sports_live |
帶邊框和圓角的表格，適合展示球隊積分榜。
| # | 名字 | 姓氏 | 用戶名 |
|---|---|---|---|
| 1 | 螢光 | 王強 | @live_stream |
| 強調 | 李婷 | @getbootstrap | |
| 2 | 大偉 | 建宏 | @tennis |
| 3 | 小藍鯨 | @stream_hd | |
啟用懸停效果：滑鼠經過表格行時高亮，方便查看球員數據。
| # | 名字 | 姓氏 | 用戶名 |
|---|---|---|---|
| 1 | 重點 | 張磊 | @goal_king |
| 2 | 雅文 | 淑惠 | @esports |
| 3 | 藍鯨體育 | @match_center | |
© 2026 藍鯨體育科技有限公司 | 版權所有