最佳答案
如果我正确理解您的问题...您还使用 col-lg-2 来显示您的图 block 。因此,您需要应用 col-lg-## 的动态 Bootstrap 类,其中 ## 是 12/(图 block 数)。
<div class="col-lg-12">
<div class="row">
<div class="col-lg-##"></div>
<div class="col-lg-##"></div>
<div class="col-lg-##"></div>
</div>
</div>
在第二张图片中,## 的 col-lg-4 为 4x3 = 12。
此外,当您有许多不能分成 12 block (例如 5 或 7 - 11)的图 block 时,您还需要决定要做什么
正如人们评论的那样,您可以使用其他选项和框架来完全解决此问题,但这直接通过 Bootstrap 回答了您的问题。
关于javascript - 当有足够的可用空间时,如何在窗口宽度上均匀地间隔列?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45895861/