如何使用 bootstrap 确定每行的卡片数量？

Question

我有一个关于创建行和列的问题。 我需要每行添加 4 张卡片。而我可能有N张牌。

我的问题是： 我需要

<div className="row">

每一行？或者我可以用一行来封装所有

<div className='col-sm-3'>

？ 根据我的理解，当我使用 col-sm-3 时，我已经说过每行有 4 张卡片 (4 x 3 = 12)。

问题是当我只使用一行来封装它工作正常的所有内容时。 但我不确定正确的方法。那正确吗？ 我应该每 4 列有 1 个 <div className="row"> 吗？或者一排有 20 张卡片可以吗？ 当我尝试每 4 列有 1 行时，它破坏了代码并且无法正常工作。 它显示了整个东西，但是只有几分之一秒，然后它闪烁，一切都消失了。

Answer 1

查看 Bootstrap 文档以获得更深入的解释。据我了解你的问题，div class=“行”，在这个 class 里面你放了你的 col-classes。所以只需要一行。