友博体育组件 | 标题特大字号 |
常用元素 | 标题大字号 |
二级标题 | 标题中字号 |
四级标题 | 正文加粗 |
五级标题 | 正文字号 |
六级标题 | 小字号说明 |
带信息 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，实现基础样式，包含轻微内边距和水平分隔。
| # | 昵称 | 注册时间 | 用户ID |
|---|---|---|---|
| 1 | 用户A | 李明 | [email protected] |
| 2 | 陈红 | 周杰 | [email protected] |
| 3 | 宋涛 | 林燕 | [email protected] |
为 .table 基础类添加以下任意类。
通过 :nth-child CSS 选择器，为 <tbody> 内的表格行添加斑马条纹（IE7-8 不支持）。
| # | 昵称 | 注册时间 | 用户ID |
|---|---|---|---|
| 1 | 用户B | 张伟 | [email protected] |
| 2 | 刘强 | 吴凡 | [email protected] |
| 3 | 高飞 | 朱敏 | [email protected] |
为表格添加边框和圆角。
| # | 昵称 | 注册时间 | 用户ID |
|---|---|---|---|
| 1 | 用户C | 王芳 | [email protected] |
| 用户D | 赵强 | youbosports.com | |
| 2 | 张丽 | 孙悦 | [email protected] |
| 3 | 宋涛 | [email protected] | |
启用 <tbody> 内表格行的悬停状态。
| # | 昵称 | 注册时间 | 用户ID |
|---|---|---|---|
| 1 | 用户E | 刘洋 | [email protected] |
| 2 | 李娜 | 郑智 | [email protected] |
| 3 | 高飞 | [email protected] | |
版权所有 © 2026 友博体育文化发展有限公司