我使用 Bootstrap 3 开发了一个复杂的响应式网页布局。该布局很好地显示了在不同屏幕尺寸上预期的排列和显示。
但是,我是否可以在某些情况下禁用响应,以便我设置特定的布局显示,例如 xs
,然后它会显示 xs
布局无论是什么屏幕?
我在想是否可以通过使用 JavaScript 谎言 @media 查询来完成?或者,使用其他方法可以更容易地完成?
最佳答案
在某种程度上是一个有趣的问题。
看看这个 Fiddle 并慢慢调整窗口大小,这样您就可以同时看到所有 Bootstrap col-XX-XX
发生了什么。
我已经设置了 cols 组来向您展示如果您只使用 XS 类会发生什么……就像您想要做的那样。
调整窗口大小时,观察其他类与作为 XS 列的紫色类相比有何不同。
如果需要,您也可以滚动自己的 here 并设置您自己的断点。
全尺寸 Fiddle 在这里。
关于javascript - 通过谎言@media 查询的非响应式 Bootstrap,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30950036/