bootstrap 面板内 wtf.form_field 左右的边距

Question

当我使用 quick_form 输出我的表单时，我在表单周围得到了很好的边距，如下所示。

<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
  <div class="panel-body">
    {{ wtf.quick_form(form, form_type="basic") }}
  </div>
</div>

但是 quick_form 方法没有给我对表单所需的控制级别，因此我需要单独输出表单字段。然而，当我这样做时，我在表单域周围没有任何边距。

<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
  <div class="panel-body">

            <form class="form form-horizontal" method="post" role="form">
                <div>{{ wtf.form_field(form.floors) }}</div>
                <div>{{ wtf.form_field(form.submit) }}</div>
            </form>
  </div>
</div>

如何保留上面第二个示例中的边距？

Answer 1

根据 DavidDomain 的建议，我观察到的问题是由于表单-水平表单定义引起的。将表单定义为表单组解决了边距问题。