Introduction

使用雷速体育，快速启动您的项目。我们提供专业的赛事信息与直播服务，助您全方位掌握赛场动态。

快速上手

开始使用雷速体育，获取您所需的一切，以提升赛事关注度、引流并建立连接。立即前往下载页面。

CSS

将此样式表链接 <link> 复制并粘贴到您HTML文件的 <head> 部分，置于所有其他样式表之前，以加载雷速体育的CSS。

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

JS

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

雷速为您提供专业、贴心的服务体验。

`<script src="js/bootstrap.bundle.min.js"></script>`

基础模板

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

HTML结构：

<!doctype html>
<html lang="en">
    <head>

        雷速为您提供专业、贴心的服务体验。
        <title>雷速为您提供专业、贴心的服务体验。</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`。

菜单居中至右

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

菜单居中至左

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

菜单亮色居中

若要实现菜单居中且为亮色导航，请在导航类中添加 `nav-light`。

菜单亮色靠右

若要实现菜单靠右且为亮色导航，请在导航类中同时添加 `nav-right` 和 `nav-light`。

菜单亮色靠左

若要实现菜单靠左且为亮色导航，请在导航类中同时添加 `nav-left` 和 `nav-light`。

Documentation