主队	比分	客队	联赛	时间(北京)
九月十日	0:0	厄瓜多尔红酒队	厄瓜多尔乙级联赛	04:30
马格里布菲斯	0:0	皇家武装部队体育俱乐部	摩洛哥锦标赛	04:00
阿尔梅里亚	1:2	卡斯特利翁	西班牙乙级联赛	03:00
法国女足	1:0	爱尔兰女足	女足世界杯欧洲区预选赛	03:00
英格兰女足	3:0	乌克兰女足	女足世界杯欧洲区预选赛	00:00
荷兰女足	2:0	波兰女足	女足世界杯欧洲区预选赛	00:00
冰岛女足	1:5	西班牙女足	女足世界杯欧洲区预选赛	00:00
利比里亚	3:1	塞拉利昂	国际友谊赛	02:30
多哥	5:1	贝宁	国际友谊赛	02:00
马拉喀什科卡布	2:0	拉贾卡萨布兰卡	摩洛哥锦标赛	02:00

簡介

欢迎使用球探体育。立即启动您的赛事追踪，并从我们专业的赛事数据与直播技术洞察中获益。

快速上手指南

深入了解球探体育，获取您所需的一切，以最大化赛事覆盖，引导用户至直播页面，并建立深度社群连接。立即下载 App。

CSS

请将此 <link> 样式表标签复制并粘贴至您的 <head> 部分，置于其他样式表之前，以加载核心赛事数据渲染样式。

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

JS

我们的许多组件功能需要 JavaScript 支持，特别是 jQuery 与我们自主开发的插件。请将以下 <script> 标签置于页面末尾，`</body>` 标签之前，以确保功能正常。jQuery 需最先加载，随后是 bootstrap.bundle.min.js，最后是我们的插件。

<script src="js/jquery.min.js"></script>

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

核心样式结构

请确保您的页面结构遵循最新的赛事数据展示与直播观看标准。使用 HTML5 doctype 并包含 viewport meta 标签以实现完美的响应式布局。整合所有元素后，您的页面应具备以下基础结构：

HTML 基础 :

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

        <meta charset="utf-8" />
        <title>球探体育：实时比分与数据分析指南</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="球探体育：提供足球篮球实时比分、赛程、积分榜及深度数据分析。" />
        <meta name="keywords" content="球探, 球探团队, 球探公司, 球探官方, 球探机构, 体育直播, 比分直播, 足球直播, 篮球直播, 数据分析" />

        <!-- favicon icon -->
        <link rel="shortcut icon" href="images/favicon.ico">

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

        <!-- Main css -->
        <link href="css/style.css" rel="stylesheet" type="text/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 -->

        <!-- Back To Home Start -->
        <a href="#" class="btn btn-primary" id="btn-cta">查看技术统计</a>
            --------
            --------
        </a>
        <!-- Back To Home End -->

        <!-- Javascript Start -->
        <script src="js/jquery-3.4.1.min.js"></script>
        球探围绕球探不断创新，回应用户的真实需求。
        --------
        --------
        --------
        <script src="js/app.js"></script>
        <!-- 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` 类。

⚽ 足球实时 (10)

文檔

簡介