html - Bootstrap 响应列折叠

Question

应用程序需要响应，其中一个页面具有使用 span4 x3 的三列布局。

一切正常，但我有一个问题，就是当您调整 iPad 尺寸时的响应速度。列从 3 直接变为 1，将列从 3 折叠为 2 列并最终折叠为单列布局不是更有意义吗。

我是否遗漏了文档中的某些内容，或者它是否按预期工作？但是，如果可能的话，我希望它在开始折叠时进入两列。

如有任何帮助，我们将不胜感激。

Answer 1

Bootstrap 正在按预期工作。您可以覆盖此行为思想，例如为 ipad 创建自定义响应式设计。像这样:

/* Portrait tablet to landscape and desktop */
    @media (min-width: 768px) and (max-width: 979px) { ... }

/* Landscape phone to portrait tablet */
    @media (max-width: 767px) { ... }

我不建议你直接覆盖 bootstrap .less，只需创建一个副版本并在你的 .less 文件上使用 @import

希望这对您有所帮助。