主标题样式

友博体育组件总览

特大字号标题

常用界面元素

大字号标题

副标题样式

中字号标题

四级标题

加粗正文
五级标题
标准正文字号
六级标题
小字号说明

按钮样式

友博体育样式指南:核心视觉元素

友博体育:色彩规范与状态标识

友博体育:界面组件分类与应用

色彩规范:主色、状态色

色彩规范:主色、状态色
色彩规范:主色、状态色

进度条组件

資訊(含 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

卡片组件

友博体育:汇聚世界杯核心球迷文化,提供赛事资讯与深度话题。
友博体育:打造高参与度互动社区,连接球迷情感,深化娱乐体验。
友博体育文化发展有限公司,成立于2018年,致力于构建全球球迷社群,提供全天候体育内容与互动。

无序列表

有序列表

  1. 赛事资讯
  2. 深度探讨
  3. 球迷社群
  4. 球迷互动
  5. 精彩时刻

表单控件

@
@example.com
$ .00
@
@
@

基础样式组件

基础表格样式,包含内边距及分隔线。

# 昵称 注册时间 用户ID
1 用户A 林先生 [email protected]
2 陈红 周杰 [email protected]
3 宋涛 林燕 [email protected]

表格样式增强类

斑马条纹表格行样式

# 昵称 注册时间 用户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]

表格行悬停效果

# 昵称 注册时间 用户ID
1 用户E 刘洋 [email protected]
2 陈女士 郑智 [email protected]
3 高飞 [email protected]
邮箱:[email protected]微信:clubyoubospo_203