<div class="wrap">
<div class="row">
<div class="col-md-3">3</div>
<div class="col-md-6">6</div>
<div class="col-md-3">3</div>
</div>
栅格一行最多为12列，若<12，则剩余的部分空白。若>12，多余的部分在下一行另起。
<div class="row">
<div class="col-md-3">3</div>
<div class="col-sm-6">6</div>
<div class="col-xs-6">6</div>
</div>
</div>
其中，md/sm/xs的意思是，当页面定义了一个临界值，当>临界值时，一行的格子会水平排列。当<临界值时，一行格子会垂直排列。
xs的临界是768（<手机）；sm的临界是992（<平板）；md的临界是1200(<桌面)
故xs总是水平排列的。
900px
