東升國際:用數位科技串聯每位熱愛體育的你 | 粗體 36px |
頁面樣式與元件指南 | 粗體30px |
三級標題範例 | 粗體24px |
四級標題範例 | 粗體18px |
五級標題範例 | 粗體14px |
六級標題範例 | 粗體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> 上添加基類 .table,即可獲得輕內邊距和水平分隔線。
| # | 名字 | 姓氏 | 使用者名稱 |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
在 .table 基類上添加以下任意類別來改變樣式。
透過 :nth-child CSS 選擇器(IE7-8 不支援)為 <tbody> 內的表格行添加斑馬條紋效果。
| # | 名字 | 姓氏 | 使用者名稱 |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
為表格添加邊框和圓角。
| # | 名字 | 姓氏 | 使用者名稱 |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| Mark | Otto | @getbootstrap | |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
在 <tbody> 內的表格行上啟用懸停狀態。
| # | 名字 | 姓氏 | 使用者名稱 |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||