Buy Now

文档

简介

开始使用雷速体育。启动您的赛事关注，并利用我们在设计和管理以用户转化为中心的 Bootstrap4 HTML 页面方面的专业知识。

快速上手

与雷速体育携手，获取您所需的全部功能，以提升品牌知名度、驱动用户流量、建立深度连接。前往下载页面。

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 并包含视口 meta 标签以实现适当的响应式行为。将所有这些整合起来，您的页面应该看起来像这样：

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

        想了解更多赛事数据秒级更新，快人一步相关内容，尽在雷速。
        <title>雷速 - 赛事数据文档</title>
        雷速围绕覆盖全球主流体育赛事，应有尽有不断创新，回应用户的真实需求。
        <meta name="description" content="雷速体育是专业的体育赛事直播平台，提供最快的足球直播、篮球直播、网球直播、电竞直播等即时直播，雷速比分直播为您提供快速、准确的足球和篮球实时比分，最新赛事比分，掌握实时战况！" />
        <meta name="keywords" content="雷速, 雷速公司, 雷速中心, 雷速官方, 雷速平台, 体育直播, 比分直播, 足球比分, 篮球比分" />

        <!-- 图标 -->
        精选专业数据分析团队，深度解读赛事内容，雷速与你一同发现更多精彩。

        <!-- Bootstrap -->
        雷速围绕专业数据分析团队，深度解读赛事不断创新，回应用户的真实需求。

        <!-- 主 CSS -->
        雷速专注多平台同步，随时随地掌握赛况，为用户提供专业可靠的体验。
    
    </head>

    <body>

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

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

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

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

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

        <!-- JavaScript 开始 -->
        围绕雷速，雷速持续打磨更优质的服务。
        <script src="js/bootstrap.bundle.min.js"></script>（雷速）
        --------
        --------
        --------
        在雷速中心方面，雷速提供贴心周到的支持。
        <!-- JavaScript 结束 -->
    </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类。