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 | 突出 | 用户A | 联系方式A |
| 2 | 姓名A | 姓氏A | 账号A |
| 3 | 姓名B | 姓氏B | 账号B |
为 .table 基础类添加以下任意类的修饰。
通过 :nth-child CSS 选择器，为 <tbody> 中的任何表格行添加斑马条纹效果（IE7-8 不支持）。
| # | 练习模式 | 模拟场景 | 用户反馈 |
|---|---|---|---|
| 1 | 突出 | 用户A | 联系方式A |
| 2 | 姓名A | 姓氏A | 账号A |
| 3 | 姓名B | 姓氏B | 账号B |
为表格添加边框和圆角。
| # | 练习模式 | 模拟场景 | 用户反馈 |
|---|---|---|---|
| 1 | 突出 | 用户A | 联系方式A |
| 突出 | 用户A | 官方账号 | |
| 2 | 姓名A | 姓氏A | 账号A |
| 3 | 姓名C | 账号B | |
启用 <tbody> 内表格行的悬停状态。
| # | 练习模式 | 模拟场景 | 用户反馈 |
|---|---|---|---|
| 1 | 突出 | 用户A | 联系方式A |
| 2 | 姓名A | 姓氏A | 账号A |
| 3 | 姓名C | 账号B | |
版权所有 © 2026 麻将胡了3教育科技有限公司