Wtforms 和 Twitter Bootstrap 如何并排放置表单答案

【问题标题】：Wtforms and Twitter Bootstrap How to lay forms side-by-sideWtforms 和 Twitter Bootstrap 如何并排放置表单
【发布时间】：2014-07-13 22:55:20
【问题描述】：

我目前正在开发一个使用 Flask 和 Wtforms 和 Twitter Bootstrap 的应用程序。我有一个包含个人和地址的注册表。我觉得它很长，所以我想并排放置表格。即左侧有个人详细信息部分，右侧有地址。

根据我收集到的内容，我必须创建个人详细信息表单并将其子类化到地址表单中。

如果以上是正确的，那么我怎样才能让 Bootstrap 将它们并排放置？我不得不承认这是我第一次使用这两个库，所以我没有花太多时间在文档上。但是，我需要将它们用于我正在处理的应用程序。谢谢。

【问题讨论】：

你尝试了什么？您在哪里尝试解决这个问题？
目前我只创建了作为 Personal 表单子类的 Address 表单。然后我创建了注册表单，它是地址表单的子类。一次提交所有数据只有一个提交按钮。我还没有在 Bootstrap 方面做任何事情。

标签： twitter-bootstrap flask-wtforms

【解决方案1】：

您应该可以为此使用the Bootstrap grid system。这些方面的内容（有关详细信息，请参阅文档）：

<form>
  <div class="row">
    <div class="col-md-6">personal form fields go here</div>
    <div class="col-md-6">address form fields go here</div>
  </div>
</form>

【讨论】：