zoukankan      html  css  js  c++  java
  • Bootstrap(三)—bootstrap.css解析。

    bootstrap.css中的第149-296行代码。

    <div class="row">
      <div class="span1">
        
      </div> </div>

      

    .row {                                    
      margin-left: -20px;    //外边距 margin-left:auto |length(px、em/%(基于父对象))
      *zoom: 1;          //设置或检索对象的缩放比例 zoom:normal|number
    }
    .row:before,
    .row:after {
      display: table;
      content: "";
    }
    .row:after {
      clear: both;
    }
    [class*="span"] {
      float: left;
      margin-left: 20px;
    }
    .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
       940px;
    }
    .span12 {
       940px;
    }
    .span11 {
       860px;
    }
    .span10 {
       780px;
    }
    .span9 {
       700px;
    }
    .span8 {
       620px;
    }
    .span7 {
       540px;
    }
    .span6 {
       460px;
    }
    .span5 {
       380px;
    }
    .span4 {
       300px;
    }
    .span3 {
       220px;
    }
    .span2 {
       140px;
    }
    .span1 {
       60px;
    }
    .offset12 {
      margin-left: 980px;
    }
    .offset11 {
      margin-left: 900px;
    }
    .offset10 {
      margin-left: 820px;
    }
    .offset9 {
      margin-left: 740px;
    }
    .offset8 {
      margin-left: 660px;
    }
    .offset7 {
      margin-left: 580px;
    }
    .offset6 {
      margin-left: 500px;
    }
    .offset5 {
      margin-left: 420px;
    }
    .offset4 {
      margin-left: 340px;
    }
    .offset3 {
      margin-left: 260px;
    }
    .offset2 {
      margin-left: 180px;
    }
    .offset1 {
      margin-left: 100px;
    }
    .row-fluid {
       100%;
      *zoom: 1;
    }
    .row-fluid:before,
    .row-fluid:after {
      display: table;
      content: "";
    }
    .row-fluid:after {
      clear: both;
    }
    .row-fluid > [class*="span"] {
      float: left;
      margin-left: 2.127659574%;
    }
    .row-fluid > [class*="span"]:first-child {
      margin-left: 0;
    }
    .row-fluid > .span12 {
       99.99999998999999%;
    }
    .row-fluid > .span11 {
       91.489361693%;
    }
    .row-fluid > .span10 {
       82.97872339599999%;
    }
    .row-fluid > .span9 {
       74.468085099%;
    }
    .row-fluid > .span8 {
       65.95744680199999%;
    }
    .row-fluid > .span7 {
       57.446808505%;
    }
    .row-fluid > .span6 {
       48.93617020799999%;
    }
    .row-fluid > .span5 {
       40.425531911%;
    }
    .row-fluid > .span4 {
       31.914893614%;
    }
    .row-fluid > .span3 {
       23.404255317%;
    }
    .row-fluid > .span2 {
       14.89361702%;
    }
    .row-fluid > .span1 {
       6.382978723%;
    }
    

      

    基于thinkphp3.1.3的开发
  • 相关阅读:
    生活娱乐 工业机器人代替工人装配鼠标键盘
    生活娱乐 工商银行如何查询开户行
    生活娱乐 格力空气能热水器怎么样
    生活娱乐 岛城将开首家机器人餐厅
    生活娱乐 毕业生论文查重技巧
    Windows 老是弹出要自动拨号连接怎么办
    Office 针式打印机如何调节边距
    Office 如何打印彩色照片能取得较好的效果
    西游释厄传如何设置简化出招表
    [ES2019] Use JavaScript ES2019 flatMap to Map and Filter an Array
  • 原文地址:https://www.cnblogs.com/feng003/p/3084090.html
Copyright © 2011-2022 走看看