Bootstrap迁移系列 - Grid system

    在V2.3.2版本中，栅格系统默认是不支持移动设备的。

栅格系统示例

Bootstrap默认的栅格系统为12列 ，形成一个940px宽的容器，默认没有启用 响应式布局特性 。如果加入响应式布局CSS文件，栅格系统会自动根据可视窗口的宽度从724px到1170px进行动态调整。在可视窗口低于767px宽的情况下，列将不再固定并且会在垂直方向堆叠。

    一个标准的V2.3.2的示例：

<div class="row">
  <div class="span4">...</div>
  <div class="span8">...</div>
</div>

   但是，在V3.0版本，已经默认支持移动设备。

   class变化：.span* -〉.col-md-*

Bootstrap内置了一套响应式、移动设备优先的流式栅格系统，随着屏幕设备或视口（viewport）尺寸的增加，

系统会自动分为最多12列。它包含了易于使用的预定义classe，还有强大的mixin用于生成更具语义的布局。

    一个标准的V3.0的示例：

<div class="row">
  <div class="col-md-4">...</div>
  <div class="col-md-8">...</div>
</div>