javascript - jquery masonry 响应对齐与窗口调整大小的 Bootstrap

Question

每当我调整浏览器大小时我都会得到这个输出

盒子应该相互关闭。我想知道如何使用 jquery masonry 或 css 来做到这一点。任何帮助/建议都可以。

注意:我可以通过禁用 Masonry 插件的响应来解决这个问题，但是 Bootstrap 的 responsive-css 将不起作用。

Answer 1

我相信发生的事情是，当将窗口从全屏调整为非常小的宽度时，首先 masonry 插件通过更改每篇文章的顶部来完成它的工作，然后 bootstrap 的 javascript 启动并更改 col-md 容器' 宽度以适合整个页面，迫使文本换行较少，因此 col-md 容器的高度变小并在元素之间留下很多空间。

对我有用的是向我的 col-md 容器添加一个 col-xs 类(用于小屏幕)。

干杯!