zoukankan      html  css  js  c++  java
  • 吴裕雄 Bootstrap 前端框架开发——Bootstrap 网格系统实例:列排序

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <title>Bootstrap 实例 - 列排序</title>
        <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
        <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
        <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>
    <body>
    
    <div class="container">
    
       <h1>Hello, world!</h1>
    
       <div class="row">
          <p>排序前</p>
          <div class="col-md-4" style="background-color: #dedef8;
             box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;">
             我在左边
          </div>
          <div class="col-md-8" style="background-color: #dedef8;
             box-shadow: inset 1px -1px 1px #444, inset -1px 1px 1px #444;">
             我在右边
          </div>
       </div><br>
       <div class="row">
          <p>排序后</p>
          <div class="col-md-4 col-md-push-8" 
             style="background-color: #dedef8;
             box-shadow: inset 1px -1px 1px #444, 
             inset -1px 1px 1px #444;">
             我在左边
          </div>
          <div class="col-md-8 col-md-pull-4" 
             style="background-color: #dedef8;
             box-shadow: inset 1px -1px 1px #444, 
             inset -1px 1px 1px #444;">
             我在右边
          </div>
       </div>
    
    </div>
    
    </body>
    </html>

  • 相关阅读:
    error: declaration of 'cv::Mat R ' shadows a parameter
    Java网络编程(二)
    排序算法(二)
    Java网络编程(一)
    排序算法(一)
    Python文件访问模式
    Python文件与异常
    递归
    SQL命令的六个主要类别
    iOS-生成Bundle包-引入bundle-使用bundle
  • 原文地址:https://www.cnblogs.com/tszr/p/10886252.html
Copyright © 2011-2022 走看看