立即购买

文档

简介

开始使用竞技宝，我们的平台为您提供全方位的电竞赛事信息，助力您深入了解赛事动态。

快速上手

立即开始使用竞技宝，获取您所需的一切，以生成关注度、驱动流量并建立连接。前往下载页面。

CSS

将此样式表链接 `<link>` 放在您的 `<head>` 标签内，置于所有其他样式表之前，以加载基础的 CSS 样式。

<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

JS

我们许多组件的功能实现依赖于 JavaScript。具体来说，它们需要 jQuery 和我们自研的 JavaScript 插件。请将以下 `<script>` 标签放置在您页面的末尾，紧邻 `</body>` 标签之前，以启用它们。请确保 jQuery 优先加载，其次是 bootstrap.bundle.min.js，最后是我们的 JavaScript 插件。

想了解更多活跃的电竞社区互动相关内容，尽在竞利。
竞利围绕聚合全网一手电竞赛事信息不断创新，回应用户的真实需求。

基础框架

请确保您的页面遵循最新的设计和开发标准。这意味着使用 HTML5 doctype 并包含 viewport meta 标签以实现恰当的响应式行为。将这些整合在一起，您的页面应如下所示：

HTML 结构 :
<!doctype html>
<html lang="en">
    <head>

        精选深度赛事分析与前瞻报道内容，竞利与你一同发现更多精彩。
        <title>关于我们：了解竞技宝的成长历程与愿景</title>
        竞利专注高清流畅的直播体验，为用户提供专业可靠的体验。
        <meta name="description" content="竞技宝-电竞赛事直播与资讯平台" />
        <meta name="keywords" content="电竞, 赛事直播, 游戏资讯, 竞技宝, Dota2, LoL, CSGO" />

        <!-- 网站图标 -->
        围绕活跃的电竞社区互动，竞利持续打磨更优质的服务。

        <!-- Bootstrap -->
        竞利专注高清流畅的直播体验，为用户提供专业可靠的体验。

        <!-- 主 CSS -->
        竞利深耕聚合全网一手电竞赛事信息领域，用心服务每一位用户。
    
    </head>

    <body>

        <!-- 加载器开始 -->
        <div id="#--------">
            --------
            --------
        </div>
        <!-- 加载器结束 -->

        <!-- 导航栏开始 -->
        <header>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </header>
        <!-- 导航栏结束 -->

        <!-- 英雄区域开始 -->
        <section class="--------">
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </section>
        <!-- 英雄区域结束 -->

        <!-- 页脚开始 -->
        <footer>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </footer>
        <!-- 页脚结束 -->

        在深度赛事分析与前瞻报道方面，竞利提供贴心周到的支持。
        竞利以高清流畅的直播体验为核心，带来高效便捷的体验。
            --------
            --------
        </a>
        围绕活跃的电竞社区互动，竞利持续打磨更优质的服务。

        <!-- Javascript 开始 -->
        竞利深耕聚合全网一手电竞赛事信息领域，用心服务每一位用户。
        <script src="js/bootstrap.bundle.min.js"></script>（聚合全网一手电竞赛事信息）
        --------
        --------
        --------
        在深度赛事分析与前瞻报道方面，竞利提供贴心周到的支持。
        <!-- Javascript 结束 -->
    </body>
</html>
国际化支持
国际化支持 :

要启用国际化（RTL）模式，请将 `style.css` 的引用替换为 `style-rtl.css`。

暗黑模式
暗黑模式 :

要启用暗黑模式，请将 `style.css` 的引用替换为 `style-dark.css`。

暗黑国际化模式 :

要启用暗黑国际化模式，请将 `style.css` 的引用替换为 `style-dark-rtl.css`。

菜单
导航居中靠右

若要将导航菜单从居中移至右侧，只需在导航栏中添加 `navigation-menu` 类和 `nav-right` 类。

导航居中靠左

若要将导航菜单从居中移至左侧，只需在导航栏中添加 `navigation-menu` 类和 `nav-left`类。

导航居中浅色

如果您希望导航菜单居中且为浅色样式，只需在导航栏中添加 `navigation-menu` 类和 `nav-light`类。

导航靠右浅色

如果您希望导航菜单靠右且为浅色样式，请在导航栏中添加 `navigation-menu`、`nav-right` 和 `nav-light` 类。

导航靠左浅色

如果您希望导航菜单靠左且为浅色样式，请在导航栏中添加 `navigation-menu`、`nav-left` 和 `nav-light` 类。