引导响应列折叠

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) { ... }

我不建议您直接覆盖引导程序 .less，只需创建一个侧面版本并在您的 .less 文件上使用 @import

希望这会有所帮助。