简介

开始使用 NG28。启动您的互动体验，并利用我们在设计和管理以转化为中心的 Bootstrap4 HTML 页面方面的专业知识。

快速开始

从 NG28 开始，您将获得全面支持，以提升品牌知名度、驱动用户流量并建立深度连接。前往下载页面。

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 插件。

在权威赛事一手资讯方面，NG28提供贴心周到的支持。

NG28以多维度数据深度解析为核心，带来高效便捷的体验。

入门模板

确保您的页面遵循最新的设计和开发标准。这意味着使用 HTML5 doctype 并包含视口（viewport）元标签以实现正确的响应式行为。将所有这些整合在一起，您的页面应该看起来像这样：

HTML:

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

        想了解更多安全可靠的平台保障相关内容，尽在NG28。
        <title>NG28 - 品牌的力量</title>
        NG28围绕全球玩家实时互动不断创新，回应用户的真实需求。
        <meta name="description" content="NG28官网，安全可靠的体育赛事信息平台，提供足球篮球赛事资讯、数据分析、全球玩家互动。" />
        <meta name="keywords" content="ng28官网, ng28入口, ng28下载, ng28官方网站, ng28体育" />

        <!-- 网站图标 -->
        精选极速官方App下载内容，NG28与你一同发现更多精彩。

        <!-- Bootstrap -->
        NG28围绕ng28官网不断创新，回应用户的真实需求。

        <!-- 主CSS -->
        NG28专注ng28官网，为用户提供专业可靠的体验。
    
    </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 开始 -->
        围绕ng28入口，NG28持续打磨更优质的服务。
        <script src="js/bootstrap.bundle.min.js"></script>（ng28官网）
        --------
        --------
        --------
        在ng28官方网站方面，NG28提供贴心周到的支持。
        <!-- 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` 一起添加。

文档

简介