标题

排版组件参考

粗体36像素

标题层级使用规范

粗体30像素

三级标题示例

粗体24像素

四级标题示例

粗体18像素
五级标题示例
粗体14像素
六级标题示例
粗体12像素

按钮

比赛直播提供多元化的视觉风格选择,涵盖默认、主要、成功、信息、警告与危险六种配色方案,满足不同场景下的界面设计需求。

在构建体育赛事页面时,您可灵活运用默认、主要、成功、信息、警告及危险等色彩标识,清晰区分赛事状态、数据更新及用户操作反馈。

针对直播界面中的关键元素,如比分提示、信号状态或会员标识,推荐使用默认、主要、成功、信息、警告与危险色系,提升信息层级与视觉引导。

默认 / 主要 / 成功 / 信息 / 警告 / 危险

比赛直播围绕世界杯不断创新,回应用户的真实需求。
精选奥运会内容,比赛直播与你一同发现更多精彩。

进度条

信息带 progress-bar-info 类。

成功带 progress-bar-success 类。

警告带 progress-bar-warning 类。

危险带 progress-bar-danger 类。

反色带 progress-bar-inverse 类。

反色带 progress-bar-inverse 类。

完成35%(成功)
完成20%(警告)
完成10%(危险)

警告框

面包屑导航

徽章

添加修饰类可改变徽章外观。

类 徽章
无修饰 42
.badge-primary 1
.badge-success 22
.badge-info 30
.badge-warning 412
.badge-danger 999

使用 .badge 类轻松标记新内容或未读项目。

嵌入面板

企鹅直播提供NBA、欧冠、世界杯等海量赛事,高清免费观看,无需安装任何插件。
页面布局清晰合理,方便您快速找到正在直播的赛事。我们采用多线路智能切换技术,即使信号波动也能自动恢复播放,确保观赛不中断。
自2015年成立以来,上海比赛直播网络科技有限公司始终致力于为中文互联网用户提供稳定、高清、免费的全球顶级体育赛事直播服务。我们的使命是让每一位球迷都能随时随地畅享流畅精彩的观赛体验。

无序列表

有序列表

  1. 赛事回放
  2. 赛程查询
  3. 积分排名
  4. 球队统计
  5. 球员数据

表单

@
@example.com
$ .00
@
@
@

默认样式说明

为表格添加基础类 .table 即可获得基本样式——轻内边距、仅水平分割线。

# 名 姓 用户名
1 马克 奥托 @mdo
2 雅各布 桑顿 @fat
3 拉里 小鸟 @twitter

可在 .table 基础类上叠加以下任意类。

通过 :nth-child CSS 选择器为 <tbody> 内的行添加斑马条纹(IE7-8 不支持)。

# 名 姓 用户名
1 马克 奥托 @mdo
2 雅各布 桑顿 @fat
3 拉里 小鸟 @twitter

为表格添加边框和圆角。

# 名 姓 用户名
1 马克 奥托 @mdo
马克 奥托 @getbootstrap
2 雅各布 桑顿 @fat
3 比赛直播围绕世界杯不断创新,回应用户的真实需求。 @twitter

在 <tbody> 内的行上启用悬停高亮效果。

# 名 姓 用户名
1 马克 奥托 @mdo
2 雅各布 桑顿 @fat
3 精选奥运会内容,比赛直播与你一同发现更多精彩。 @twitter
京ICP备2025024463号
比赛直播科技有限公司为中文互联网用户提供稳定、高清、免费的全球顶级体育赛事直播服务。电话:+86 151 4199 2359邮箱:[email protected]微信:livematch_520营业时间:周一至周五 9:00–18:00北京市朝阳区建国路725号