4.组合模式

<div class="container">    <div class="row">        <div class="col-lg-3 col-md-4 col-sm-6">第1行第1列</div>        <div class="col-lg-3 col-md-4 col-sm-6">第1行第2列</div>        <div class="col-lg-3 col-md-4 col-sm-6">第1行第3列</div>        <div class="col-lg-3 col-md-4 col-sm-6">第1行第4列</div>    </div></div>

这样在改变浏览器宽度的时候，就可以做到循序渐进的效果。