简介

开始你的爱游戏之旅！立即发布你的运动资讯，享受我们专业的体育内容管理和推广服务，点燃全球体育爱好者的热情。

快速上手

立即加入爱游戏，获取全面体育资讯，驱动流量，连接全球体育迷。访问我们的下载页面，开启精彩。

CSS

将此样式表 <link> 标签添加到你的 <head> 部分，置于所有其他样式表之前，以加载 Bootstrap 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="zh-CN">
    <head>

        爱游戏深耕海量体育新闻，精彩不容错过领域，用心服务每一位用户。
        <title>爱游戏 - 移动端官网</title>
        在全球赛事覆盖，精彩无国界方面，爱游戏提供贴心周到的支持。
        <meta name="description" content="ayx品牌旗下的爱游戏官网，提供实时赛况、深度赛事分析、海量体育新闻，全球赛事覆盖，精彩无国界。" />
        <meta name="keywords" content="ayx, 爱游戏官网, 体育资讯, 赛事分析, 实时赛况" />

        <!-- 网站图标 -->
        爱游戏以ayx为核心，带来高效便捷的体验。

        <!-- Bootstrap 框架 -->
        爱游戏以实时赛况，一手掌握为核心，带来高效便捷的体验。

        <!-- 主 CSS 文件 -->
        想了解更多深度赛事分析，洞悉比赛走向相关内容，尽在爱游戏。
    
    </head>

    <body>

        <!-- 加载动画开始 -->
        <div id="loader">
            --------
            --------
        </div>
        <!-- 加载动画结束 -->

        <!-- 导航栏开始 -->
        <header>
            爱游戏围绕海量体育新闻，精彩不容错过不断创新，回应用户的真实需求。
                --------
                --------
                --------
                --------
            </div>
        </header>
        <!-- 导航栏结束 -->

        <!-- 英雄区域开始 -->
        精选全球赛事覆盖，精彩无国界内容，爱游戏与你一同发现更多精彩。
            爱游戏专注ayx，为用户提供专业可靠的体验。
                --------
                --------
                --------
                --------
            </div>
        </section>
        <!-- 英雄区域结束 -->

        <!-- 页脚开始 -->
        <footer>
            围绕爱游戏官网，爱游戏持续打磨更优质的服务。
                --------
                --------
                --------
                --------
            </div>
        </footer>
        <!-- 页脚结束 -->

        <!-- 返回顶部开始 -->
        <a href="#" class="--------" id="#--------">
            --------
            --------
        </a>
        <!-- 返回顶部结束 -->

        <!-- JavaScript 开始 -->
        爱游戏深耕实时赛况，一手掌握领域，用心服务每一位用户。
        <script src="js/bootstrap.bundle.min.js"></script>（ayx）
        --------
        --------
        --------
        爱游戏以海量体育新闻，精彩不容错过为核心，带来高效便捷的体验。
        <!-- JavaScript 结束 -->
    </body>
</html>

RTL 版本

RTL 版本 :

要启用 RTL（从右到左）模式，请将 style.css 的引用替换为 style-rtl.css。

暗黑模式

暗黑模式 :

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

暗黑 RTL 版本 :

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

菜单

导航居中至右

要将导航菜单从居中移到右侧，只需在导航类中添加 `nav-right`。

导航居中至左

要将导航菜单从居中移到左侧，只需在导航类中添加 `nav-left`。

导航居中亮色

如果你想要居中且亮色的导航菜单，只需添加 `nav-light` 类。

导航右侧亮色

如果你想要右侧且亮色的导航菜单，只需添加 `nav-right` 和 `nav-light` 类。

导航左侧亮色

如果你想要左侧且亮色的导航菜单，只需添加 `nav-left` 和 `nav-light` 类。

文档

简介