核心组件展示 | 36px 粗体 |
常用元素 | 30px 粗体 |
段落标题 | 24px 粗体 |
小标题 | 18px 粗体 |
次级标题 | 14px 粗体 |
细微标题 | 12px 粗体 |
Info with progress-bar-info class.
Success with progress-bar-success class.
Warning with progress-bar-warning class.
Danger with progress-bar-danger class.
Inverse with progress-bar-inverse class.
Inverse with progress-bar-inverse class.
通过添加修饰类改变徽章外观。
| 分类 | 徽章 |
|---|---|
| 默认样式 | 42 |
.badge-primary | 1 |
.badge-success | 22 |
.badge-info | 30 |
.badge-warning | 412 |
.badge-danger | 999 |
为任意 <table> 添加基础类 .table,可获得轻量级内边距和仅水平边框。
| # | 姓名 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 高亮标记 | 标准文本 | 用户ID |
| 2 | 张 | 伟 | 用户标签 |
| 3 | 李 | 娜 | 社交媒体 |
在 .table 基础类上添加以下任意类。
通过 :nth-child CSS 选择器为 <tbody> 内的任意表格行添加斑马条纹(IE7-8 不支持)。
| # | 姓名 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 高亮标记 | 标准文本 | 用户ID |
| 2 | 张 | 伟 | 用户标签 |
| 3 | 李 | 娜 | 社交媒体 |
为表格添加边框和圆角。
| # | 姓名 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 高亮标记 | 标准文本 | 用户ID |
| 高亮标记 | 标准文本 | 平台账号 | |
| 2 | 张 | 伟 | 用户标签 |
| 3 | 李娜 | 社交媒体 | |
为 <tbody> 内的表格行启用悬停状态。
| # | 姓名 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 高亮标记 | 标准文本 | 用户ID |
| 2 | 张 | 伟 | 用户标签 |
| 3 | 李娜 | 社交媒体 | |
版权所有 © 2026 金年会体育信息服务有限公司