响应式布局

响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。

把一个盒子分成十二份，按比例分配

<div class="row">

　　<div class="col-xs-12">123</div>

</div>

在row里面的盒子在最小屏的时候<768px会每行占一个格子

col-xs-（12）：超小屏 <768px（手机）

col-sm-（6）：小屏  >=768px（平板）

col-md-（4）：中屏  992~1200px

col-lg-（3）： 大屏  >1200px

括号内为可变的数字

括号内为比例12 / 12 ，12 / 6