Bootstrap 第一次荷载时的砌体布局问题

bkhjykvo  于 2023-03-21  发布在  Bootstrap
关注(0)|答案(1)|浏览(134)

根据Bootstrap的文档,我正在结合Bootstrap 5使用Masonry-layout jQuery。我以前在ACF中继器领域使用过它,没有任何问题。现在我正在ACF图库中使用它。
问题是,在页面的第一次加载时,项目几乎显示在彼此的顶部。在每个第一次加载时,整个块的高度是可变的。刷新页面后,画廊与砖石一起显示。

问题是砖石,因为我不认为这个问题没有砖石。我已经尝试到目前为止:
1.将图像的ACF图库更改为ACF重复字段
1.在header.php中添加了最新的jQuery
1.禁用所有CSS
这个问题是一个错误吗?它似乎以前或一个已知的金块?
此致,

2guxujil

2guxujil1#

@isherwood, Bootstrap V5。
通过将data-masonry='{"percentPosition": true }添加到.row Package 器,将Masonry-layout集成到Bootstrap。
然后将这个<script src="https://cdn.jsdelivr.net/npm/masonry-layout@4.2.2/dist/masonry.pkgd.min.js" integrity="sha384-GNFwBvfVxBkLMJpYMOABq3c+d3KnQxudP/mGPkzpZSTYykLBNsZEnG2D9G/X/+7D" crossorigin="anonymous" async></script>添加到我的header.php中。
我已经将以下必要的代码添加到我的row类中:<div class="row" data-masonry='{"percentPosition": true }'>

相关问题