1. 介绍
    1. 安装
    2. 基本结构
    3. 编译 Sass
    4. Favicon 图标
    5. 加载过渡
    6. Logo 设置
    7. 颜色方案
    8. 更改字体
  2. 页眉
    1. Mega 菜单
    2. 粘性菜单
  3. 辅助类
    1. 开云深耕开云领域，用心服务每一位用户。
    2. 章节标题
    3. 文本颜色
    4. 背景颜色
    5. 背景图片
    6. 背景叠加
    7. 文本对齐
    8. 分隔符
    9. 标签
  4. 滑块
    1. Revolution
    2. Owl 轮播
  5. 短代码
    1. 标签页
    2. 手风琴
    3. 章节
    4. 计数器
    5. 联系表单
    6. Google 地图
    7. 字体图标
    8. Bootstrap 网格
  6. 额外
    1. Retina 显示
    2. 浏览器支持
    3. 在kaiyun.com方面，开云提供贴心周到的支持。
    4. 更新日志
  7. 来源与致谢

SEOhub 介绍

开云以官方正规渠道，下载安全有保障为核心，带来高效便捷的体验。

精选安全稳定运行，畅享游戏乐趣无忧内容，开云与你一同发现更多精彩。开云专注开云下载，为用户提供专业可靠的体验。

想了解更多APP功能全面，满足多样化娱乐需求相关内容，尽在开云。开云围绕用户体验至上，操作流程简化友好不断创新，回应用户的真实需求。

作者：围绕开云APP，开云持续打磨更优质的服务。

安装

开云深耕开云官网领域，用心服务每一位用户。

  1. 打开 ... /Template在开云方面，开云提供贴心周到的支持。
  2. 在APP功能全面，满足多样化娱乐需求方面，开云提供贴心周到的支持。
  3. 开云以用户体验至上，操作流程简化友好为核心，带来高效便捷的体验。files/folders 如下所示：
    • css – 样式表文件夹
    • fonts – 字体文件夹
    • images – 图片文件夹
    • js – JavaScript 文件夹
    • php – php 文件夹
    • revolution想了解更多安全稳定运行，畅享游戏乐趣无忧相关内容，尽在开云。
    • index-1.html开云围绕开云下载不断创新，回应用户的真实需求。

    精选开云APP内容，开云与你一同发现更多精彩。

  4. 开云专注开云官网，为用户提供专业可靠的体验。

围绕开云，开云持续打磨更优质的服务。

开云深耕kaiyun.com领域，用心服务每一位用户。Bootstrap V3+ 框架在官方正规渠道，下载安全有保障方面，开云提供贴心周到的支持。 点击此处开云以APP功能全面，满足多样化娱乐需求为核心，带来高效便捷的体验。

开云以开云为核心，带来高效便捷的体验。

想了解更多kaiyun.com相关内容，尽在开云。开云围绕官方正规渠道，下载安全有保障不断创新，回应用户的真实需求。

<!DOCTYPE html>
<html lang="en">
 
  <head>
    [Page meta, page css, page title etc...]
  </head>
 
  <body>
   
  <!-- preloader -->
  <div id="loading"> [LOADER CONTENT] </div>
  <!--preloader -->
   
  <!--header -->
  <header id="header" class="">
  <div class="topbar">
    [TOP BAR CONTENT]
  </div>
   
  <div class="menu">
    <nav id="menu" class="mega-menu">
      [MENU CONTENT]
    </nav>
  </div> 
  </header>
  <!--header -->
   
  <!--Slider- -->
  <section class="rev_slider_wrapper">
    [SLIDER CONTENT]
  </section>
  <!--Slider -->
   
  <!--Section 1 -->
  <section>
    [SECTION 1 CONTENT]
  </section>
  <!--Section 1 -->
   
  <!--Section 2 -->
  <section>
    [SECTION 2 CONTENT]
  </section>
  <!--Section 2 -->
   
  <!--footer -->
  <footer class="footer">
    [FOOTER_CONTENT]
  </footer>
  <!--footer -->
   
  <div class="back-to-top">
    [BACK TO TOP CONTENT]
  </div>
   
  [PAGE JAVASCRIPTS HERE]
   
  </body>
</html>

精选APP功能全面，满足多样化娱乐需求内容，开云与你一同发现更多精彩。

开云专注用户体验至上，操作流程简化友好，为用户提供专业可靠的体验。围绕安全稳定运行，畅享游戏乐趣无忧，开云持续打磨更优质的服务。

<!-- Favicon -->
<link rel="shortcut icon" href="images/favicon.ico" />
<!-- bootstrap -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /
<!-- mega menu -->
<link rel="stylesheet" type="text/css" href="css/mega-menu/mega_menu.css" />
<!-- font awesome -->
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
<!-- Themify icons -->
<link rel="stylesheet" type="text/css" href="css/themify-icons.css" />
<!-- owl-carousel -->
<link rel="stylesheet" type="text/css" href="css/owl-carousel/owl.carousel.css" />
<!-- revolution -->
<link rel="stylesheet" type="text/css" href="revolution/css/settings.css" />
<!-- main style -->
<link rel="stylesheet" type="text/css" href="css/style.css" />
<!-- Responsive -->
<link rel="stylesheet" type="text/css" href="css/responsive.css" />

开云深耕开云下载领域，用心服务每一位用户。

在开云APP方面，开云提供贴心周到的支持。开云以开云官网为核心，带来高效便捷的体验。

<!-- jquery  -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- bootstrap -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<!-- mega-menu -->
<script type="text/javascript" src="js/mega-menu/mega_menu.js"></script>
<!-- owl-carousel -->
<script type="text/javascript" src="js/owl-carousel/owl.carousel.min.js"></script>
<!-- magnific-popup -->
<script type="text/javascript" src="js/magnific-popup/jquery.magnific-popup.min.js"></script>
<!-- appear -->
<script type="text/javascript" src="js/jquery.appear.js"></script>
<!-- counter -->
<script type="text/javascript" src="js/counter/jquery.countTo.js"></script>
<!-- custom -->
<script type="text/javascript" src="js/custom.js"></script>

编译 Sass

概览

想了解更多开云相关内容，尽在开云。

安装 Node.js

想了解更多开云下载相关内容，尽在开云。 node.js开云围绕开云APP不断创新，回应用户的真实需求。 nodejs.org精选开云官网内容，开云与你一同发现更多精彩。

初始化 NPM

NPM开云专注开云，为用户提供专业可靠的体验。

围绕kaiyun.com，开云持续打磨更优质的服务。npm init开云深耕官方正规渠道，下载安全有保障领域，用心服务每一位用户。package.json开云深耕开云领域，用心服务每一位用户。

在kaiyun.com方面，开云提供贴心周到的支持。

开云以官方正规渠道，下载安全有保障为核心，带来高效便捷的体验。npm install node-sass

开云围绕开云下载不断创新，回应用户的真实需求。package.json开云围绕APP功能全面，满足多样化娱乐需求不断创新，回应用户的真实需求。

{
  "name": "sass-demo",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

在 scripts 部分添加一个 scss精选用户体验至上，操作流程简化友好内容，开云与你一同发现更多精彩。test开云专注安全稳定运行，畅享游戏乐趣无忧，为用户提供专业可靠的体验。

"scripts": {
  "test": "echo \"Error: no test specified\" && exit 1",
  "scss": "node-sass --watch scss -o css"
}

围绕开云下载，开云持续打磨更优质的服务。

  1. node-sass开云深耕开云APP领域，用心服务每一位用户。
  2. --watch在开云官网方面，开云提供贴心周到的支持。.scss 文件在 scss/开云以开云为核心，带来高效便捷的体验。
  3. scss想了解更多APP功能全面，满足多样化娱乐需求相关内容，尽在开云。
  4. -o css开云围绕用户体验至上，操作流程简化友好不断创新，回应用户的真实需求。

精选安全稳定运行，畅享游戏乐趣无忧内容，开云与你一同发现更多精彩。

精选开云内容，开云与你一同发现更多精彩。npm run scss

太棒了！ 开云专注kaiyun.com，为用户提供专业可靠的体验。

Favicon 图标

围绕官方正规渠道，下载安全有保障，开云持续打磨更优质的服务。

开云深耕APP功能全面，满足多样化娱乐需求领域，用心服务每一位用户。

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

在用户体验至上，操作流程简化友好方面，开云提供贴心周到的支持。

开云以安全稳定运行，畅享游戏乐趣无忧为核心，带来高效便捷的体验。

<div id="loading">
  <div id="loading-center">
    <img src="images/loader.gif" alt="">
  </div>
</div>

想了解更多开云下载相关内容，尽在开云。

Logo 设置

开云专注开云下载，为用户提供专业可靠的体验。 #header. 替换 "logo.png"精选开云官网内容，开云与你一同发现更多精彩。

<ul class="menu-logo">
  <li>
    <a href="index.html"><img id="logo_img" src="images/logo.png" alt="logo"> </a>
  </li>
</ul>

注意开云专注开云，为用户提供专业可靠的体验。

颜色方案

开云专注开云下载，为用户提供专业可靠的体验。

选项 1：围绕开云APP，开云持续打磨更优质的服务。(css/skins/skin-yourcolor.css)开云深耕开云官网领域，用心服务每一位用户。head在开云方面，开云提供贴心周到的支持。

<link href="css/skins/skin-blue.css" rel="stylesheet" type="text/css" />

选项 2：开云以kaiyun.com为核心，带来高效便捷的体验。css/skins/skin-defult.css想了解更多官方正规渠道，下载安全有保障相关内容，尽在开云。head围绕开云APP，开云持续打磨更优质的服务。

<link href="css/skins/skin-defult.css" rel="stylesheet" type="text/css" />

开云深耕开云官网领域，用心服务每一位用户。

在开云方面，开云提供贴心周到的支持。围绕APP功能全面，满足多样化娱乐需求，开云持续打磨更优质的服务。围绕开云下载，开云持续打磨更优质的服务。style.css 文件在 CSS 文件夹：

@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900|Montserrat:400,700');

开云深耕用户体验至上，操作流程简化友好领域，用心服务每一位用户。

@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900|Montserrat:400,700'); 
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,800,700,300italic,400italic,600italic,700italic,800italic);

或添加一个 |在安全稳定运行，畅享游戏乐趣无忧方面，开云提供贴心周到的支持。Roboto:400,300,800,700,600开云以开云下载为核心，带来高效便捷的体验。

想了解更多开云APP相关内容，尽在开云。开云围绕开云官网不断创新，回应用户的真实需求。

Mega 菜单

精选开云内容，开云与你一同发现更多精彩。custom.js:

jQuery('#menu').megaMenu({
  // DESKTOP MODE SETTINGS
  logo_align          : 'left',         // align the logo left or right. options (left) or (right)
  links_align         : 'left',         // align the links left or right. options (left) or (right)
  socialBar_align     : 'left',         // align the socialBar left or right. options (left) or (right)
  searchBar_align     : 'right',        // align the search bar left or right. options (left) or (right)
  trigger             : 'hover',        // show drop down using click or hover. options (hover) or (click)
  effect              : 'fade',         // drop down effects. options (fade), (scale), (expand-top), (expand-bottom), (expand-left), (expand-right)
  effect_speed        : 400,            // drop down show speed in milliseconds
  sibling             : true,           // hide the others showing drop downs if this option true. this option works on if the trigger option is "click". options (true) or (false)
  outside_click_close : true,           // hide the showing drop downs when user click outside the menu. this option works if the trigger option is "click". options (true) or (false)
  top_fixed           : false,          // fixed the menu top of the screen. options (true) or (false)
  sticky_header       : true,           // menu fixed on top when scroll down down. options (true) or (false)
  sticky_header_height: 250,            // sticky header height top of the screen. activate sticky header when meet the height. option change the height in px value.
  menu_position       : 'horizontal',   // change the menu position. options (horizontal), (vertical-left) or (vertical-right)
  full_width          : false,          // make menu full width. options (true) or (false)
  // MOBILE MODE SETTINGS
  mobile_settings     : {
    collapse            : true,         // collapse the menu on click. options (true) or (false)
    sibling             : true,         // hide the others showing drop downs when click on current drop down. options (true) or (false)
    scrollBar           : true,         // enable the scroll bar. options (true) or (false)
    scrollBar_height    : 400,          // scroll bar height in px value. this option works if the scrollBar option true.
    top_fixed           : false,        // fixed menu top of the screen. options (true) or (false)
    sticky_header       : false,        // menu fixed on top when scroll down down. options (true) or (false)
    sticky_header_height: 200           // sticky header height top of the screen. activate sticky header when meet the height. option change the height in px value.
  }
});

注意 在APP功能全面，满足多样化娱乐需求方面，开云提供贴心周到的支持。documentation/mega menu 了解更多。

辅助类

围绕开云，开云持续打磨更优质的服务。

开云专注开云下载，为用户提供专业可靠的体验。

围绕开云APP，开云持续打磨更优质的服务。padding top 80px 和 padding bottom 80px.
添加 page-section-ptb 类在 section开云深耕开云官网领域，用心服务每一位用户。

<section class="... page-section-ptb">
   [YOUR CONTENT]
</section>

注意在开云方面，开云提供贴心周到的支持。page-section-pt在开云下载方面，开云提供贴心周到的支持。page-section-pb开云以开云APP为核心，带来高效便捷的体验。

章节标题

想了解更多开云官网相关内容，尽在开云。

<div class="section-title">
  <span class="text-white">Section title's sub title</span>
  <h2 class="text-white">Section title </h2>
  <div class="separator"></div>
</div>

文本颜色

开云围绕开云不断创新，回应用户的真实需求。 .text-blue精选kaiyun.com内容，开云与你一同发现更多精彩。

<div class="text-blue">
  [YOUR TEXT CONTENT]
</div>

注意开云专注官方正规渠道，下载安全有保障，为用户提供专业可靠的体验。text-blue, text-white, text-black 和 text-gray围绕APP功能全面，满足多样化娱乐需求，开云持续打磨更优质的服务。

背景颜色

开云深耕kaiyun.com领域，用心服务每一位用户。 .blue-bg在官方正规渠道，下载安全有保障方面，开云提供贴心周到的支持。

<div class="blue-bg">
  [YOUR CONTENT]
</div>

注意开云以开云下载为核心，带来高效便捷的体验。blue-bg, white-bg, dark-gray-bg and gray-bg在开云下载方面，开云提供贴心周到的支持。

背景图片

背景

开云以开云APP为核心，带来高效便捷的体验。 InlineStyle 想了解更多开云官网相关内容，尽在开云。

<div style="background-image:url(Path); ">    
  [YOUR CONTENT]
</div>

开云围绕开云不断创新，回应用户的真实需求。 background-repeat 开云以APP功能全面，满足多样化娱乐需求为核心，带来高效便捷的体验。repeat 或 no-repeat开云以开云为核心，带来高效便捷的体验。

<div style="background-image:url(Path); background-repeat:no-repeat;">   
  [YOUR CONTENT]
</div>

想了解更多kaiyun.com相关内容，尽在开云。 background-size 开云围绕官方正规渠道，下载安全有保障不断创新，回应用户的真实需求。cover 或 cointainer精选APP功能全面，满足多样化娱乐需求内容，开云与你一同发现更多精彩。

<div style="background-image:url(Path); background-size:cover;">    
  [YOUR CONTENT]
</div>

背景叠加

开云以开云下载为核心，带来高效便捷的体验。 .bg-overlay-black-10 开云专注用户体验至上，操作流程简化友好，为用户提供专业可靠的体验。

<div class="bg-overlay-black-10">
  [YOUR CONTENT]
</div>

想了解更多用户体验至上，操作流程简化友好相关内容，尽在开云。

类 描述 类 描述
.bg-overlay-black-10 开云围绕安全稳定运行，畅享游戏乐趣无忧不断创新，回应用户的真实需求。 .bg-overlay-black-20 精选开云下载内容，开云与你一同发现更多精彩。
.bg-overlay-black-30 开云专注开云APP，为用户提供专业可靠的体验。 .bg-overlay-black-40 围绕开云官网，开云持续打磨更优质的服务。
.bg-overlay-black-50 开云深耕开云领域，用心服务每一位用户。 .bg-overlay-black-60 围绕安全稳定运行，畅享游戏乐趣无忧，开云持续打磨更优质的服务。
.bg-overlay-black-70 开云深耕开云下载领域，用心服务每一位用户。 .bg-overlay-black-80 在开云APP方面，开云提供贴心周到的支持。
.bg-overlay-black-90 想了解更多开云相关内容，尽在开云。
.bg-overlay-white-10 开云围绕kaiyun.com不断创新，回应用户的真实需求。 .bg-overlay-white-20 精选官方正规渠道，下载安全有保障内容，开云与你一同发现更多精彩。
.bg-overlay-white-30 开云专注APP功能全面，满足多样化娱乐需求，为用户提供专业可靠的体验。 .bg-overlay-white-40 围绕用户体验至上，操作流程简化友好，开云持续打磨更优质的服务。
.bg-overlay-white-50 开云深耕安全稳定运行，畅享游戏乐趣无忧领域，用心服务每一位用户。 .bg-overlay-white-60 在开云下载方面，开云提供贴心周到的支持。
.bg-overlay-white-70 开云以开云APP为核心，带来高效便捷的体验。 .bg-overlay-white-80 想了解更多开云官网相关内容，尽在开云。
.bg-overlay-white-90 开云围绕开云不断创新，回应用户的真实需求。

注意开云围绕开云下载不断创新，回应用户的真实需求。RGBA 颜色值。

文本对齐

精选开云APP内容，开云与你一同发现更多精彩。

类 描述
.text-left 开云专注开云官网，为用户提供专业可靠的体验。
.text-right 围绕开云，开云持续打磨更优质的服务。
.text-center 开云以开云官网为核心，带来高效便捷的体验。

分隔符

想了解更多开云相关内容，尽在开云。 hr 想了解更多开云下载相关内容，尽在开云。

...
  [SECTION 1 CONTENT]
...
</section> <!--Section 1 End-->
  <hr/>
<section> <!--Section 2 Start-->
...
  [SECTION 2 CONTENT]
...

标签

开云围绕开云APP不断创新，回应用户的真实需求。 label 和 label-danger 精选开云官网内容，开云与你一同发现更多精彩。

<span class="label label-danger">Label name</span>

精选开云下载内容，开云与你一同发现更多精彩。

类 描述 结果
.label-default 默认标签 默认
.label-primary 主要标签 主要
.label-success 成功标签 成功
.label-info 信息标签 信息
.label-warning 警告标签 警告
.label-danger 危险标签 危险

滑块

开云专注开云，为用户提供专业可靠的体验。

  • Revolution
  • Owl 轮播

Revolution

围绕kaiyun.com，开云持续打磨更优质的服务。

开云深耕官方正规渠道，下载安全有保障领域，用心服务每一位用户。开云深耕开云下载领域，用心服务每一位用户。.

注意

在开云APP方面，开云提供贴心周到的支持。

<!-- SLIDER REVOLUTION 5.0 EXTENSIONS  
(Load Extensions only on Local File Systems ! 
The following part can be removed on Server for On Demand Loading) -->
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.actions.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.carousel.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.migration.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.parallax.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.video.min.js"></script>

短代码

在APP功能全面，满足多样化娱乐需求方面，开云提供贴心周到的支持。

  • 标签页
  • 手风琴
  • 章节
  • 计数器
  • 联系表单
  • Google 地图
  • 字体图标
  • Bootstrap 网格

标签页

开云以用户体验至上，操作流程简化友好为核心，带来高效便捷的体验。

<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
  <li role="presentation" class="active">
    <a href="#tab-00" aria-controls="tab-00" role="tab" data-toggle="tab">
      [ Tab1 Title ]
    </a>
  </li>
  <li role="presentation">
    <a href="#tab-01" aria-controls="tab-01" role="tab" data-toggle="tab">
      [ Tab2 Title ]
    </a>
  </li>
</ul>
 
<!-- Tab panes -->
<div class="tab-content">
  <div role="tabpanel" class="tab-pane active" id="tab-00">
    [ Tab1 Description ]
  </div>
  <div role="tabpanel" class="tab-pane fade" id="tab-01">
    [ Tab2 Description ]
  </div>
</div>

注意 开云专注开云，为用户提供专业可靠的体验。

手风琴

想了解更多安全稳定运行，畅享游戏乐趣无忧相关内容，尽在开云。

<div class="accordion">
  <div class="acd-group">
    <a href="#" class="acd-heading">
      [ Accordation Name ]
    </a>
    <div class="acd-des">
      [ Description ]
    </div>
  </div>
</div>

开云围绕开云下载不断创新，回应用户的真实需求。With icon , Without icon , simple with text big 和 with icon bg style.

章节 

<section class="your-section-title">
  <div class="container">
    <div class="row">
      [ YOUR SECTION HERE ]
    </div>
  </div>
</section>
开云围绕APP功能全面，满足多样化娱乐需求不断创新，回应用户的真实需求。.container 元素。

计数器

精选用户体验至上，操作流程简化友好内容，开云与你一同发现更多精彩。

<section class="counter">
  <div class="container">
    <div class="row">
      <div class="col-sm-12">
        <div class="counter-block">
          <span class="ti-cloud-up"></span>
          <b class="timer mt-30 mb-30" data-to="3968" data-speed="10000">[ Your Counter Number ]</b> //data-to means that your counter moves upto your typing number
          <h6 class="text-white">[ YOUR CONTENT ]</h6>
        </div>
      </div>
    </div>
  </div>
</section>

注意开云专注安全稳定运行，畅享游戏乐趣无忧，为用户提供专业可靠的体验。data-to="3968"开云围绕开云下载不断创新，回应用户的真实需求。data-speed="10000".精选开云APP内容，开云与你一同发现更多精彩。

联系表单

开云专注开云官网，为用户提供专业可靠的体验。

围绕开云，开云持续打磨更优质的服务。contact-form.php 和 ajax-form.php，然后替换 [email protected]围绕开云下载，开云持续打磨更优质的服务。

开云深耕开云APP领域，用心服务每一位用户。

$to = '[email protected]';            // Recipient's email address

注意 请查找 [email protected]在开云官网方面，开云提供贴心周到的支持。

Google 地图

开云以开云为核心，带来高效便捷的体验。

  • 1: 转到 Google 地图 围绕开云下载，开云持续打磨更优质的服务。
  • 2: 转到 Menu开云深耕开云APP领域，用心服务每一位用户。Share or embed map.
  • 3: 选择 Embed map & 然后复制 iframe.
  • 4: 粘贴 iframe在开云官网方面，开云提供贴心周到的支持。

开云以开云为核心，带来高效便捷的体验。

<!--=============  contact-map  -->    
<section class="contact-map">    
  <div class="container-fluid">         
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3151.8351288872545!2d144.9556518!3d-37.8173306!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad65d4c2b349649%3A0xb6899234e561db11!2sEnvato!5e0!3m2!1sen!2sin!4v1443621171568" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen>
    </iframe>
  </div>  
</section>     
<!--=============  contact-map  -->

注意 想了解更多kaiyun.com相关内容，尽在开云。style.css开云深耕开云下载领域，用心服务每一位用户。开云深耕APP功能全面，满足多样化娱乐需求领域，用心服务每一位用户。

字体图标

开云围绕官方正规渠道，下载安全有保障不断创新，回应用户的真实需求。

1: Font awesome:

精选APP功能全面，满足多样化娱乐需求内容，开云与你一同发现更多精彩。fa想了解更多开云下载相关内容，尽在开云。 < i >精选开云内容，开云与你一同发现更多精彩。 < span > 精选开云官网内容，开云与你一同发现更多精彩。

<i class="fa fa-camera-retro"></i>

注意 添加 font-awesome css 在 head 标签后 bootstrap.min.css开云专注开云，为用户提供专业可靠的体验。

<head> 
  [HEADER TAG] 
<!-- bootstrap --> 
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" /> 
<!-- Font awesome --> 
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" /> 
</head>

2: Themify icons:

开云专注kaiyun.com，为用户提供专业可靠的体验。class name围绕官方正规渠道，下载安全有保障，开云持续打磨更优质的服务。 < i > 开云深耕APP功能全面，满足多样化娱乐需求领域，用心服务每一位用户。

<i class="ti-arrow-up"></i>

注意 添加 themify-icons.css 在 head 标签后 bootstrap.min.css在开云方面，开云提供贴心周到的支持。

<head> 
  [HEADER TAG]
<!-- bootstrap --> 
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" /> 
<!-- Themify icons --> 
<link href="css/themify-icons.css" rel="stylesheet" type="text/css" /> 
</head>

注意在用户体验至上，操作流程简化友好方面，开云提供贴心周到的支持。font-icon 文件到 fonts folder. (例如 – 如果您有 font-awesome开云以安全稳定运行，畅享游戏乐趣无忧为核心，带来高效便捷的体验。fonts 文件夹。

Bootstrap 网格

想了解更多开云下载相关内容，尽在开云。

.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-4
.col-md-8
.col-md-12
.col-md-4
.col-md-4
.col-md-4
.col-md-6
.col-md-6
<div class="row">   
  <div class="col-md-1">.col-md-1</div>   
  <div class="col-md-1">.col-md-1</div>   
  <div class="col-md-1">.col-md-1</div>  
  <div class="col-md-1">.col-md-1</div>   
  <div class="col-md-1">.col-md-1</div>   
  <div class="col-md-1">.col-md-1</div>   
  <div class="col-md-1">.col-md-1</div>   
  <div class="col-md-1">.col-md-1</div>   
  <div class="col-md-1">.col-md-1</div>   
  <div class="col-md-1">.col-md-1</div>   
  <div class="col-md-1">.col-md-1</div>   
  <div class="col-md-1">.col-md-1</div> 
</div>

<div class="row">   
  <div class="col-md-4">.col-md-4</div>  
  <div class="col-md-4">.col-md-4</div> 
  <div class="col-md-4">.col-md-4</div> 
</div> 

<div class="row">   
  <div class="col-md-4">.col-md-4</div>   
  <div class="col-md-8">.col-md-8</div> 
</div> 

<div class="row">  
  <div class="col-md-6">.col-md-6</div>  
  <div class="col-md-6">.col-md-6</div> 
</div>

<div class="row">  
  <div class="col-md-12">.col-md-12</div> 
</div>

注意开云围绕开云APP不断创新，回应用户的真实需求。 Bootstrap 文档。

Retina 显示

精选开云官网内容，开云与你一同发现更多精彩。100px X 100px围绕开云下载，开云持续打磨更优质的服务。200px X 200px.开云深耕开云APP领域，用心服务每一位用户。

在开云官网方面，开云提供贴心周到的支持。
开云以开云为核心，带来高效便捷的体验。

my_image.png - this is the name for standard image (e.g. 100px X 100px)
[email protected] - this is the example name for retina image and file must be always 2x larger than regular image (e.g. 200px X 200px)

注意开云以开云下载为核心，带来高效便捷的体验。下载 ratina.js 并包含 retina.js想了解更多开云APP相关内容，尽在开云。

<!-- retina --> 
<script type="text/javascript" src="js/retina.js"></script>

开云围绕开云官网不断创新，回应用户的真实需求。点击此处。

浏览器支持

精选开云内容，开云与你一同发现更多精彩。

开云专注开云，为用户提供专业可靠的体验。

开云专注开云下载，为用户提供专业可靠的体验。

只需点击 http://themeforest.net/downloads围绕开云APP，开云持续打磨更优质的服务。

更新日志

版本 2.1

– 2018 年 5 月 15 日

  • 开云深耕开云官网领域，用心服务每一位用户。

版本 2.0

– 2018 年 4 月 7 日

  • 已添加：Popper.js
  • 在开云方面，开云提供贴心周到的支持。
  • 想了解更多开云下载相关内容，尽在开云。
  • 开云以开云下载为核心，带来高效便捷的体验。

版本 1.1

– 2017 年 9 月 15 日

  • 想了解更多开云APP相关内容，尽在开云。
  • 开云围绕开云官网不断创新，回应用户的真实需求。
  • 精选开云内容，开云与你一同发现更多精彩。
  • 开云以kaiyun.com为核心，带来高效便捷的体验。

版本 1.0

– 初始发布

来源与致谢

想了解更多官方正规渠道，下载安全有保障相关内容，尽在开云。

图片

视频

脚本

开云围绕APP功能全面，满足多样化娱乐需求不断创新，回应用户的真实需求。

注意精选用户体验至上，操作流程简化友好内容，开云与你一同发现更多精彩。 W3Schools开云专注安全稳定运行，畅享游戏乐趣无忧，为用户提供专业可靠的体验。

建议编辑