每当我调整浏览器大小时我都会得到这个输出
盒子应该相互关闭。我想知道如何使用 jquery masonry 或 css 来做到这一点。任何帮助/建议都可以。
注意:我可以通过禁用 Masonry 插件的响应来解决这个问题,但是 Bootstrap 的 responsive-css 将不起作用。
最佳答案
我相信发生的事情是,当将窗口从全屏调整为非常小的宽度时,首先 masonry 插件通过更改每篇文章的顶部来完成它的工作,然后 bootstrap 的 javascript 启动并更改 col-md 容器' 宽度以适合整个页面,迫使文本换行较少,因此 col-md 容器的高度变小并在元素之间留下很多空间。
对我有用的是向我的 col-md 容器添加一个 col-xs 类(用于小屏幕)。
干杯!
关于javascript - jquery masonry 响应对齐与窗口调整大小的 Bootstrap ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19968846/