html - 引导响应列折叠

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，只需创建一个侧面版本并@import在您的 .less 文件上使用

希望这可以帮助。