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的开发
  • 相关阅读:
    CF 848C
    BZOJ 4025 二分图
    支配树学习笔记
    CF1120D Power Tree
    Codeforces 360A(找性质)
    Codeforces 142D(博弈)
    Codeforces 142B(二分染色、搜索)
    GYM 101981E(开关反转性质)
    Codeforces 1150E(树、线段树)
    Codeforces 1150D(字符串dp)
  • 原文地址:https://www.cnblogs.com/feng003/p/3084090.html
Copyright © 2011-2022 走看看