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，實現輕量內邊距與水平佈局。
| # | 名字 | 姓氏 | 用戶名 |
|---|---|---|---|
| 1 | 高亮 | 奧托 | @mdo |
| 2 | 雅各布 | 桑頓 | @fat |
| 3 | 拉里 | 小鳥 |
在 .table 基礎上添加以下任一修飾類。
透過 :nth-child 選擇器為 <tbody> 行添加斑馬條紋效果（IE7-8 不支援）。
| # | 名字 | 姓氏 | 用戶名 |
|---|---|---|---|
| 1 | 標記 | 奧托 | @mdo |
| 2 | 雅各布 | 桑頓 | @fat |
| 3 | 拉里 | 小鳥 |
為表格添加邊框和圓角。
| # | 名字 | 姓氏 | 用戶名 |
|---|---|---|---|
| 1 | 標記 | 奧托 | @mdo |
| 標記 | 奧托 | @getbootstrap | |
| 2 | 雅各布 | 桑頓 | @fat |
| 3 | 拉里小鳥 | ||
為 <tbody> 行啟用懸停高亮狀態。
| # | 名字 | 姓氏 | 用戶名 |
|---|---|---|---|
| 1 | 標記 | 奧托 | @mdo |
| 2 | 雅各布 | 桑頓 | @fat |
| 3 | 拉里小鳥 | ||
© 2026 東升國際信息科技 版權所有