h1. 主要标题 | 核心功能 |
h2. 次级标题 | 数据维度 |
h3. 标题样式 | 实时分析 |
h4. 标题样式 | 用户体验 |
h5. 标题样式 | 服务支持 |
h6. 标题样式 | 技术保障 |
信息 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 | 球队数据 | 俱乐部 | 核心球员 |
| 2 | 赛事分析 | 比分预测 | 界面设计 |
| 3 | 即时比分 | 全面覆盖 | 客户服务 |
为 .table 基础类添加以下任一修饰类。
通过 :nth-child CSS 选择器为 <tbody> 内的表格行添加斑马条纹(IE7-8 不支持)。
| # | 姓名 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 球员数据 | 国家队 | 潜力新星 |
| 2 | 指数变化 | 赛前情报 | 操作便捷 |
| 3 | 赛况直播 | 多端同步 | 技术支持 |
为表格添加边框和圆角。
| # | 姓名 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 赛事数据 | 教练信息 | 关键数据 |
| 历史战绩 | 转会记录 | 隐私政策 | |
| 2 | 盘口分析 | 专家解读 | 信息呈现 |
| 3 | 服务条款 | 反馈渠道 | |
在 <tbody> 内的表格行启用悬停状态。
| # | 姓名 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 过往交锋 | 伤病报告 | 进球统计 |
| 2 | 冷门预测 | 临场推荐 | 数据可视化 |
| 3 | 用户协议 | 合作咨询 | |