Buy Now

文档中心

简介

使用开云体育电竞直播，轻松启动您的项目。我们为您提供设计和管理转化率优化型网页所需的一切。

快速入门指南

立即开始使用开云体育电竞直播，获取您所需的一切，以提升品牌认知度、吸引流量并建立连接。前往下载页面获取最新版本。

CSS

将此样式表链接 <link> 放置在您的 <head> 部分，并置于所有其他样式表之前，以加载开云体育电竞直播的 CSS。

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

JS

许多组件需要 JavaScript 才能正常运行，特别是 jQuery 和我们的自定义插件。请将以下 <script> 标签放置在页面底部，`</body>` 标签之前，以启用它们。请确保 jQuery 优先加载，然后是 `bootstrap.bundle.min.js`，最后是我们的 JavaScript 插件。

开云体育电竞直播为您提供专业、贴心的服务体验。
开云体育电竞直播为您提供专业、贴心的服务体验。

基础模板

请确保您的页面遵循最新的设计和开发标准。这意味着使用 HTML5 doctype 并包含 viewport meta 标签以实现响应式布局。将所有内容整合起来，您的页面应该如下所示：

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

        开云体育电竞直播为您提供专业、贴心的服务体验。
        <title>开云体育电竞直播 - KAIYUN SPORTS 官方网站</title>
        开云体育电竞直播为您提供专业、贴心的服务体验。
        开云体育电竞直播为您提供专业、贴心的服务体验。
        开云体育电竞直播为您提供专业、贴心的服务体验。

        <!-- favicon icon -->
        开云体育电竞直播为您提供专业、贴心的服务体验。

        <!-- Bootstrap -->
        开云体育电竞直播为您提供专业、贴心的服务体验。

        <!-- Main css -->
        开云体育电竞直播为您提供专业、贴心的服务体验。
    
    </head>

    <body>

        <!-- Loader Start -->
        <div id="#--------">
            --------
            --------
        </div>
        <!-- Loader End -->

        <!-- Navbar Start -->
        <header>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </header>
        <!-- Navbar End -->

        <!-- Hero Start -->
        <section class="--------">
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </section>
        <!-- Hero End -->

        <!-- Footer Start -->
        <footer>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </footer>
        <!-- Footer End -->

        开云体育电竞直播为您提供专业、贴心的服务体验。
        <a href="#" class="--------" id="#--------">
            --------
            --------
        </a>
        开云体育电竞直播为您提供专业、贴心的服务体验。

        <!-- Javascript Start -->
        开云体育电竞直播为您提供专业、贴心的服务体验。
        开云体育电竞直播为您提供专业、贴心的服务体验。
        --------
        --------
        --------
        开云体育电竞直播为您提供专业、贴心的服务体验。
        <!-- Javascript End -->
    </body>
</html>
启用 RTL 模式
RTL 模式:

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

启用暗黑模式
暗黑模式:

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

暗黑 RTL 模式:

要启用暗黑 RTL 模式，请将 `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` 类。