Bootstrap响应列崩溃

Question

应用程序需要响应，并且在其中一个页面上，它使用span4 x3进行三列布局。

一切正常，但我只是对你进入iPad尺寸时的响应能力有疑问。列从3直到1，对于列从3然后折叠到2列并最终到单列布局更不合理。

我是否遗漏了文档中的内容，或者这是否符合预期？如果可能的话，我希望它在开始折叠时转到两列。

非常感谢任何帮助。

Answer 1

Bootstrap按预期工作。您可以覆盖此行为，例如为ipad创建自定义reponsive设计。像这样：

/* 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

希望这会有所帮助。