html - Bootstrap CSS 样式问题

Question

我在页面上创建的动态表单出现问题。

我有一个包含 1 个或多个长度为 4 col 的 Div 的行。我希望在每 3 个之后，它会在达到 12 列限制时将下一个向下移动。

看下图，在我们点击前三个字段后，我认为它会将其他字段移到它们自己的行中。

这里是我的数据所在的 HMLT。如您所见，每一个都是行中的自己的列。

我的格式化方式有没有做错？只是不确定还能尝试什么。

Answer 1

我认为为页面上的每一行创建一个 .row 是合适的:

<div class="row">
  <div class="col-md-4">.col-md-4</div>
  <div class="col-md-4">.col-md-4</div>
  <div class="col-md-4">.col-md-4</div>
</div>
<div class="row">
  <div class="col-md-4">.col-md-4</div>
  <div class="col-md-4">.col-md-4</div>
  <div class="col-md-4">.col-md-4</div>
</div>