PG模拟器 極致排版 尊享體驗 | 粗體 36像素 |
PG模拟器 排版指南 | 粗體 30像素 |
h3. PG模拟器 標題範例 | 粗體 24像素 |
h4. PG模拟器 副標題 | 粗體 18像素 |
h5. PG模拟器 小標題 | 粗體 14像素 |
h6. PG模拟器 最小標題 | 粗體 12像素 |
資訊帶有 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模拟器 版權所有