PG模拟器排版规范一览 | Semibold 36px |
二级标题示例:游戏体验更流畅 | Semibold 30px |
三级标题:帧率稳定在60fps以上 | Semibold 24px |
四级标题:支持超过200款热门游戏 | Semibold 18px |
五级标题:每两周一次版本更新 | Semibold 14px |
六级标题:新用户3分钟开玩 | Semibold 12px |
信息带 progress-bar-info class.
成功带 progress-bar-success class.
警告带 progress-bar-warning class.
危险带 progress-bar-danger class.
反色带 progress-bar-inverse class.
反色带 progress-bar-inverse class.
通过修饰类改变徽章外观,例如新消息提醒
| 类 | 徽章 |
|---|---|
| 无修饰符 | 42 |
.badge-primary | 1 |
.badge-success | 22 |
.badge-info | 30 |
.badge-warning | 412 |
.badge-danger | 999 |
为表格添加基础类.table,获得轻量内边距和水平布局,适用于游戏数据统计列表。
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
在.table基类上添加以下任意类来改变样式
通过:nth-child选择器为<tbody>内的表格行添加斑马条纹效果,提升数据可读性,IE7-8不支持。
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
为表格添加边框和圆角,使数据展示更清晰
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| Mark | Otto | @getbootstrap | |
| 2 | Jacob | Thornton | @fat |
| 3 | PG模拟器专注PG模拟器,为用户提供专业可靠的体验。 | ||
在<tbody>内的表格行上启用悬停高亮效果
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | 围绕PG试玩,PG模拟器持续打磨更优质的服务。 | ||
© 2026 PG模拟器科技有限公司 | 版权所有
PG模拟器围绕PG不断创新,回应用户的真实需求。PG模拟器深耕支持超过200款热门电子游戏,无需额外配置即可运行。领域,用心服务每一位用户。