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模拟器 版权所有