bootstrap的网格系统

1.bootstrap的栅格系统

bootstrap包含了一个响应式的，移动设备优先，不固定的网格系统，可以随着屏幕的伸缩，改变列的大小和数量，同行最多12列。
代码使用@media根据屏幕的大小控制样式。

网格样式有4中类型，分别对应4中不同尺寸范围的屏幕样式，
.col-xs- 设备小于768px
.col-sm- 大于768px
.col-md- 大于992px
.col-lg- 大于1200px

2.网格的基本结构

<div class="container">
   <div class="row">
      <div class="col-*-*"></div>
      <div class="col-*-*"></div>      
   </div>
   <div class="row">...</div>
</div>

一般我们要求行（row）放置在container 中，其设置了较为合适的内外边距，