gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 18:03:45 26 4
gpt4 key购买 nike

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

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/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com