Bootstrap的栅格系统

1.Bootstrap提供的栅格系统，能够随着屏幕和视口尺寸的改变，系统会自动分为12列。

2.Bootsrap提供了 一共五种背景色：分别是 bg-primary ，  bg-success   ， bg-info   ，  bg-warning   ，  bg-danger

3.ootstrap 需要为页面内容和栅格系统包裹一个容器。系统提供了：.container 类用于固定宽度并支持响应式布局的容器；

.container-fluid 类用于 100% 宽度，占据全部视口（viewport）的容器。

4.容器内可通过.row划分为若干行，行内可通过例如.col-xs-4 划分为若干列，内容可以放在列中

5.通过为列设置padding，可以让列与列之间产生间隔；为行设置为负值的margin，可以抵消掉容器带来的padding。但是，请注意：子元素设置负margin，父元素也会跟着走。给父元素设置padding或者boder可以让父元素不动

6.当一行超过12列时，会自动换行。若想在同一row换行：加一个.clearfix可以自动换行。