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%;
}