麻将胡了 · 排版參考手冊 | 粗體 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 | 賴瑞小鳥 | ||