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的开发
原文地址:https://www.cnblogs.com/feng003/p/3084090.html