bootstrap 的布局
bootstrap 的布局为12列布局,页面宽度为940px,
为什么940? 为什么居中
.container, { width: 940px; }
还有就是规定了这个container的页面居中
.container { margin-left: auto; margin-right: auto; *zoom: 1; }
清空后面元素
为什么里面还有个row
.row { margin-left: -20px; *zoom: 1; }
如下:
[class*="span"] {float: left; }
[class*="span"] { margin-left: 20px; }
同理就明白了 offset的class的意义了。
嵌套为同样的道理。