zoukankan      html  css  js  c++  java
  • Boot-col-sm布局

     1 <!DOCTYPE html>
     2 <html>
     3 <head lang="en">
     4   <meta charset="UTF-8">
     5 
     6   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     7   <script src="js/jquery-1.11.3.js"></script>
     8   <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
     9   <link rel="stylesheet" href="js/bootstrap.css"/>
    10   <link rel="stylesheet" href="style.css"/>
    11   <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    12   <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    13 
    14   <title>栅格系统</title>
    15 </head>
    16 <body>
    17 <div class="container-fluid header_bg hidden-xs">
    18   <div class="container  hidden-xs">
    19     <div class="row">
    20       <div class="col-sm-3 container ">
    21         <div class="header_font text-right">
    22           <span>你好,歡迎光臨香港地產網</span>
    23         </div>
    24       </div>
    25       <div class="col-sm-8 text-right header_font">
    26         <div class="login">
    27           <a href="#">手機版</a>
    28           <a href="#">會員登錄</a>
    29           <a href="#">註冊會員</a>
    30           <a href="#">聯絡我們</a>
    31         </div>
    32         <!-- login-->
    33         <div class="Language">
    34           <a href="#">繁體</a>
    35           <span>/</span>
    36           <a href="#">簡體</a>
    37           <span>/</span>
    38           <a href="#">ENG</a>
    39         </div>
    40       </div>
    41     </div>
    42 
    43   </div>
    44 </div>
    45 
    46 <script src="js/bootlint.js"></script>
    47 </body>
    48 </html>
  • 相关阅读:
    HSV 武胜
    crystalReportViewer+ReceiveCrystalReport.rpt+DataSet.xsd做报表 转 武胜
    Apache Gzip设置
    Linux gsoap 访问Jira
    搜索引擎Senna
    c 条件编译 ifndef解决 gcc multiple define error.
    搜索引擎 apachesolr
    Lucene:基于Java的全文检索引擎简介
    搜索引擎Zend_lucene
    基于应用程序级的Apache认证配置(普通认证篇)
  • 原文地址:https://www.cnblogs.com/longly/p/6444996.html
Copyright © 2011-2022 走看看