html - 如何让卡片包装在列表组中？

Question

目前，我正在尝试查看是否有一种方法可以让列表组中的卡片在没有足够空间的情况下换行。例如，我在一个列表组中有 4 张卡片——所有卡片的宽度都设置为 25%。我如何确保第五张卡片在下一行。

我已经尝试在网上查找这个问题，但是，我发现的一些解决方案似乎草率，例如，有一个第二组列表。

<div class="list-group-item active text-light w-25">
    <h5 class="mb-1">text</h5>
    <p class="mb-1">text</p>
</div>

我希望一旦显示的卡片超过 4 张就会换行，但是，单行中可能有 8 张。

Answer 1

我不认为这在 bootstrap 4 中是可能的，如果我弄错了请纠正我，但这似乎是一个限制，也许试试 javascript？