文档

简介

开云互动娱乐有限公司致力于打造最全面、最便捷的体育娱乐内容一站式平台,赋能用户探索无限精彩。立即开始您的平台体验,享受我们专业的服务。

快速入门

立即开始使用开云APP,获取您所需的一切,以提升品牌知名度、驱动流量、建立连接。前往应用中心下载。

CSS

将此样式表链接 <link> 复制并粘贴到您的 <head> 部分,置于所有其他样式表之前,以加载开云CSS。

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

JS

我们的许多组件功能需要JavaScript支持。特别是,它们需要jQuery以及我们的专属JavaScript插件。请将以下 <script> 标签放置在您页面的接近尾部、闭合 </body> 标签之前,以启用它们。jQuery必须首先加载,然后是bootstrap.bundle.min.js,最后是我们的JavaScript插件。

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

入门模板

请确保您的页面遵循最新的设计和开发标准。这意味着使用HTML5 doctype并包含视口meta标签以实现恰当的响应式行为。将所有这些整合起来,您的页面应该看起来像这样:

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

        kaiyun为您提供专业、贴心的服务体验。
        <title>开云(中国)官方网站 - 您的综合娱乐与体育资讯平台</title>
        kaiyun为您提供专业、贴心的服务体验。
        kaiyun为您提供专业、贴心的服务体验。
        kaiyun为您提供专业、贴心的服务体验。

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

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

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

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

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