Twitter bootstrap 当屏幕小于480px时，如何使bs3中的网格堆叠？

根据doc，超小型设备手机（<768px）的网格在任何时候都是水平的，也就是说，永远不会堆叠起来。我正在寻找一种方法，使网格在屏幕小于480px时堆叠起来。

您可以使用“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>

col-sm-4
col-sm-4
col-sm-4

演示：

将“col xxs”类添加到您的列中：

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

---

如果您只是想要一个通用的“所有COL必须在<480px设备上为全宽”，您可以这样做，以避免在标记中添加其他类：

[class^="col-"], [class*=" col-"] {
    display:block;
    float:none;
    width: 100%;
}

---

谢谢那么你问的是小于768px还是小于480px呢？你想在768发生什么？想想看，当屏幕大小在480px和768px之间时，我更喜欢两列span6。当屏幕小于480px时，网格应该堆叠起来。你能编辑你的问题来明确你想要达到的目标吗？我现在用的是类似的东西，

，谢谢！