当屏幕小于480px时,如何让bs3中的网格堆叠？

Question

根据该文档,额外的小型设备电话(<768px)网格始终是水平的,即永远不会堆叠.我正在寻找一种方法,当屏幕小于480px时,使网格堆叠.

Answer 1

将"col-xxs"类添加到列中:

@media (max-width: 480px) { 
   .col-xxs {
      display:block;
      float:none;
      width: 100%
   }
}

Answer 2

您可以使用“col-sm-*”类。这是“小”网格断点，但在小于 768 像素时它将堆叠。

<div class="container">
    <div class="row">
      <div class="col-sm-4">col-sm-4</div>
      <div class="col-sm-4">col-sm-4</div>
      <div class="col-sm-4">col-sm-4</div>
    </div>
</div>

演示： http: //bootply.com/75567