熊猫体育：核心组件展示 | 标题字号 36px |
熊猫体育：界面元素 | 标题字号 30px |
二级标题 | 标题字号 24px |
四级标题 | 正文字号 18px |
五级标题 | 辅助文字号 14px |
六级标题 | 小字号 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 | 重点标记 | 基础样式 | 用户@示例 |
| 2 | 张 | 伟 | 用户A |
| 3 | 李 | 明 | 用户B |
在 .table 基础类之上，添加以下任意类以增强表格样式。
通过 :nth-child CSS 选择器，为 <tbody> 中的任意表格行添加斑马条纹效果（IE7-8 不支持）。
| # | 姓氏 | 名字 | 用户名 |
|---|---|---|---|
| 1 | 重点标记 | 基础样式 | 用户@示例 |
| 2 | 张 | 伟 | 用户A |
| 3 | 李 | 明 | 用户B |
为表格添加边框和圆角。
| # | 姓氏 | 名字 | 用户名 |
|---|---|---|---|
| 1 | 重点标记 | 基础样式 | 用户@示例 |
| 重点标记 | 基础样式 | 熊猫体育 | |
| 2 | 张 | 伟 | 用户A |
| 3 | 李明 | 用户B | |
启用 <tbody> 内表格行的悬停状态效果。
| # | 姓氏 | 名字 | 用户名 |
|---|---|---|---|
| 1 | 重点标记 | 基础样式 | 用户@示例 |
| 2 | 张 | 伟 | 用户A |
| 3 | 李明 | 用户B | |
版权所有 © 2026-2026 熊猫体育科技有限公司