海星体育直播·代码组件手册 | Semibold 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 | 标记 | 欧阳 | @海星体育 |
| 2 | 刘洋 | 孙鹏 | @海星君 |
| 3 | 林峰 | 小鸟 | @海星直播 |
为.table基类添加以下任意修饰类。
通过:nth-child CSS选择器为<tbody>内的表格行添加斑马条纹效果（IE7-8不支持）。
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 高亮 | 张伟 | @直播小助手 |
| 2 | 赵敏 | 郑爽 | @球球 |
| 3 | 许晴 | 飞鹰 | @赛事频道 |
为表格添加边框和圆角。
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 重点 | 王磊 | @赛事解说员 |
| 突出 | 李娜 | @海星体育TV | |
| 2 | 周杰 | 黄涛 | @体育迷 |
| 3 | 林峰小鸟 | @互动专区 | |
为<tbody>内的表格行启用悬停高亮状态。
| # | 名字 | 姓氏 | 用户名 |
|---|---|---|---|
| 1 | 醒目 | 陈晨 | @互动主播 |
| 2 | 吴昊 | 马超 | @看球达人 |
| 3 | 许晴飞鹰 | @直播通知 | |
