2012-11-19 204 views
3

应用程序需要响应,并且在其中一个页面上使用span4 x3具有三列布局。自举响应列崩溃

一切工作正常,但我只是有一个问题,当你到iPad大小的响应。列从3直到1,对于列从3到2列折叠,最后到单列布局是不是更有意义。

我是否遗漏了文档中的某些内容,或者按照预期工作?但是,如果可能的话,我希望它在两列开始崩溃时出现。

任何帮助将不胜感激。

回答

3

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

希望这会有所帮助。