jquery - 如何确定 Bootstrap 3 列是否已堆叠

Question

假设我们都知道当屏幕达到一定宽度时某些引导类将会崩溃(例如 2 col-md-6 在较大屏幕上将并排，在较小屏幕上一个在另一个之上) 。

我想知道的是如何找出(使用 jQuery 或普通的旧 JS)列何时折叠？我一直在考虑使用宽度，但据我所知，BS 在很多情况下并没有明确指定宽度，所以我有点放弃了。其次，我虽然使用了 float 属性，但我无法使用 jQuery 让它工作。

有什么建议吗？

非常感谢

Answer 1

扩展斯凯利所说的内容，您可以检查窗口宽度以查看 what size window bootstrap is calculating .

xs = width < 768px
sm = width ≥ 768px
md = width ≥ 992px
lg = width ≥ 1200px

元素是否堆叠取决于您分配给包含元素的类。因此，如果窗口宽度为 1200 像素或更小，则堆叠将发生在 lg 类元素上；如果窗口宽度为 992 像素或更小，则堆叠将发生在 md 类元素上，等等。