示例：<a href="#" class="btn btn-primary rounded-pill"> 探索精彩 </a>

示例：<a href="#" class="btn btn-primary-outline"> 了解详情 </a>

示例：<a href="#" class="btn btn-primary btn-sm"> 快速访问 </a>

示例：<div class="text-primary"> 乐竞体育，您的专业体育资讯伙伴 </div>

主要文本色

次要文本色

成功状态色

危险状态色

警告状态色

信息提示色

浅色文本

白色文本

半透明白色

深色文本

示例：<img src="images/home/01.jpg" class="img-fluid avatar avatar-small mr-3 rounded-pill">

Material Design 图标

乐竞体育APP现已上线，海量体育资讯触手可及，随时随地掌握最新动态。

示例：<i class="mdi mdi-home"> </i>

示例：<p class="display-1"> 深度数据洞察 </p>

赛事资讯实时更新

专业数据深度分析

多元化内容呈现

引领电竞新潮流

示例：<span class="badge badge-primary"> 热门赛事 </span>

示例：<span class="badge badge-primary rounded"> 精选推荐 </span>

示例：<div class="alert alert-primary" role="alert"> 乐竞体育，您的权威体育信息伙伴！ </div>

"乐竞体育汇聚全球体育精英资讯，以专业视角解读赛场风云，为您带来前所未有的深度体验。"