文档

简介

使用蓝鲸体育,开启您的精彩赛事之旅。我们致力于提供极致流畅、高清无延时的观看体验。

快速上手

立即开始使用蓝鲸体育,获取您所需的一切,从赛事直播到精彩集锦。前往下载页面,体验不一样的观赛乐趣。

CSS

将样式表 <link> 复制并粘贴到您的 <head> 部分,置于所有其他样式表之前,以加载必要的样式。

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

JS

蓝鲸体育的许多功能需要 JavaScript 才能运行。请将以下 <script> 标签放置在您页面的末尾,`</body>` 标签之前。确保 jQuery 优先加载,然后是必要的脚本文件。

蓝鲸体育haolongxin为您提供专业、贴心的服务体验。
<script src="js/bootstrap.bundle.min.js"></script>

基础模板

确保您的页面遵循最新的设计和开发标准。使用 HTML5 doctype 并包含视口元标签以实现响应式设计。

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

        蓝鲸体育haolongxin为您提供专业、贴心的服务体验。
        <title>蓝鲸体育 - 您的专属体育赛事直播平台</title>
        蓝鲸体育haolongxin为您提供专业、贴心的服务体验。
        蓝鲸体育haolongxin为您提供专业、贴心的服务体验。
        蓝鲸体育haolongxin为您提供专业、贴心的服务体验。

        <!-- favicon icon -->
        蓝鲸体育haolongxin为您提供专业、贴心的服务体验。

        <!-- Bootstrap -->
        蓝鲸体育haolongxin为您提供专业、贴心的服务体验。

        <!-- Main css -->
        蓝鲸体育haolongxin为您提供专业、贴心的服务体验。
    
    </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 -->

        蓝鲸体育haolongxin为您提供专业、贴心的服务体验。
        <a href="#" class="--------" id="#--------">
            --------
            --------
        </a>
        蓝鲸体育haolongxin为您提供专业、贴心的服务体验。

        <!-- Javascript Start -->
        蓝鲸体育haolongxin为您提供专业、贴心的服务体验。
        蓝鲸体育haolongxin为您提供专业、贴心的服务体验。
        --------
        --------
        --------
        蓝鲸体育haolongxin为您提供专业、贴心的服务体验。
        <!-- 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。

菜单
菜单居中至右

将菜单从中心移至右侧,只需添加 class navigation-menu 和 nav-right。

菜单居中至左

将菜单从中心移至左侧,只需添加 class navigation-menu 和 nav-left。

菜单亮色居中

若要实现菜单居中且导航为亮色,请添加 class navigation-menu 和 nav-light。

菜单亮色居右

若要实现菜单居右且导航为亮色,请添加 class navigation-menu nav-right 和 nav-light。

菜单亮色居左

若要实现菜单居左且导航为亮色,请添加 class navigation-menu nav-left 和 nav-light。