jquery masonry响应对齐与窗口调整大小的引导程序

时间:2013-11-14 03:14:19

标签: javascript jquery css twitter-bootstrap twitter-bootstrap-3

每当我调整浏览器大小时,我都会输出此输出

enter image description here

盒子应该彼此关闭。我想知道如何用jquery砌体或css做到这一点。任何帮助/建议都可以。

注意:我可以通过禁用Masonry插件的响应性来解决此问题,但是bootstrap的 responsive-css 无法正常工作。

1 个答案:

答案 0 :(得分:1)

我相信会发生的事情是,当将窗口从全屏调整到非常小的宽度时,首先,砌体插件通过更改每篇文章的顶部来完成其工作,然后引导程序的javascript启动并更改col-md容器'宽度适合整个页面,强制文本以较少的行包装,因此col-md容器的高度变小,并在项目之间留下大量空间。

对我来说有用的是将col-xs类(在小屏幕上使用)添加到我的col-md容器中。

干杯!