引导面板中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所建议的那样，我观察到的问题是由于表单水平表单定义引起的。将表单定义为表单组解决了边距问题。