PG模擬器 排版指南 | 粗體 36px |
標題樣式一覽 | 粗體 30px |
h3. 三級標題範例 | 粗體 24px |
h4. 四級標題範例 | 粗體 18px |
h5. 五級標題範例 | 粗體 14px |
h6. 六級標題範例 | 粗體 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 | 拉里小鳥 | ||
© 2026 PG模擬器科技有限公司 版權所有