了解过媒体查询后,就可以进行响应式布局了
如果不希望在屏幕变小时上所有列都堆在一起。那就可以使用针对小屏幕所定义的类
<div class="container">
<div class="row">
<div class="col-md-4 bg-primary col-xs-6">1</div>
<div class="col-md-4 bg-warning col-xs-6">1</div>
<div class="col-md-4 bg-danger col-xs-6">1</div>
</div><br>
<div class="row">
<div class="col-md-4 bg-danger">2</div>
<div class="col-md-4 bg-primary">2</div>
<div class="col-md-4 bg-warning">2</div>
</div>
</div>