麻将胡了 · 版型與元件一覽 | 粗體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 | 標記 | 奧托 | @mdo |
| 2 | 雅各布 | 桑頓 | @fat |
| 3 | 拉里 | 小鳥 |
可在 .table 基類基礎上添加以下任一類別以擴充樣式。
透過 :nth-child CSS 選擇器為 <tbody> 內的表格行添加斑馬條紋效果(IE7-8 不支援)。
| # | 名 | 姓 | 用戶名 |
|---|---|---|---|
| 1 | 標記 | 奧托 | @mdo |
| 2 | 雅各布 | 桑頓 | @fat |
| 3 | 拉里 | 小鳥 |
為表格添加邊框和圓角,提升視覺層次。
| # | 名 | 姓 | 用戶名 |
|---|---|---|---|
| 1 | 標記 | 奧托 | @mdo |
| 標記 | 奧托 | @getbootstrap | |
| 2 | 雅各布 | 桑頓 | @fat |
| 3 | 拉里小鳥 | ||
在 <tbody> 內的表格行上啟用懸停狀態,方便追蹤游標位置。
| # | 名 | 姓 | 用戶名 |
|---|---|---|---|
| 1 | 標記 | 奧托 | @mdo |
| 2 | 雅各布 | 桑頓 | @fat |
| 3 | 拉里小鳥 | ||