根据Bootstrap的文档，我正在结合Bootstrap 5使用Masonry-layout jQuery。我以前在ACF中继器领域使用过它，没有任何问题。现在我正在ACF图库中使用它。
问题是，在页面的第一次加载时，项目几乎显示在彼此的顶部。在每个第一次加载时，整个块的高度是可变的。刷新页面后，画廊与砖石一起显示。
问题是砖石，因为我不认为这个问题没有砖石。我已经尝试到目前为止：
1.将图像的ACF图库更改为ACF重复字段
1.在header.php中添加了最新的jQuery
1.禁用所有CSS
这个问题是一个错误吗？它似乎以前或一个已知的金块？
此致，
1条答案
按热度按时间2guxujil1#
@isherwood， Bootstrap V5。
通过将
data-masonry='{"percentPosition": true }添加到.rowPackage 器，将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 }'>