Twitter bootstrap 引导面板中wtf.form_字段周围的边距

当我使用quick_表单输出表单时，表单周围有一个很好的边距，如下所示

<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>

{{wtf.quick_form（form，form_type=“basic”）}

但是，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>

{{wtf.form_字段（form.floors）}
{{wtf.form_字段（form.submit）}

---

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

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

尝试从表单中删除表单水平类，它将起到使用行类的作用。您的表格似乎不是水平的。@DavidDomain:谢谢！成功了！刚用“组形式”替换了“水平形式”。