根据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 }
添加到.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 }'>