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

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

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

enter image description here

盒子应该相互关闭。我想知道如何使用 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/

相关文章:

javascript - 找出哪些 Javascript 方法从未被调用

javascript - 可靠的文件缓存

具有最大宽度的居中流体 div

jquery - 从表格单元格内容中获取最高数字

Jquery jplayer 圆形播放器缩放

html - 鼠标悬停时下拉列表消失

javascript - 如何在前端截取包含用户上传图片的 div 的屏幕截图?

javascript - 访问对象中的函数,嵌套在另一个函数中

javascript - 防止默认行为不起作用

javascript - 当插件关闭/销毁时如何触发事件?