使用 wtf.form_field 和 bootstrap 时如何使表单标签和输入字段内联

【问题标题】：How to have a form label and input field be inline when using wtf.form_field and bootstrap使用 wtf.form_field 和 bootstrap 时如何使表单标签和输入字段内联
【发布时间】：2020-11-24 11:40:23
【问题描述】：

我正在尝试创建一个表单，其中表单标签与字段内联，而不是在其上方。我正在使用 flask-wtf 和 bootstrap。

使用下面的代码，默认是在字段上方有标签，我想不出办法让它内联，同时仍然使用 wtf.form_field

{% extends "base.html" %}
{% import 'bootstrap/wtf.html' as wtf %}

....

{{wtf.form_field(form.income, class='form-control', placeholder='Income'}}

【问题讨论】：

标签： twitter-bootstrap flask-wtforms

【解决方案1】：

<div class="row">
    <div class="col">
        {{wtf.form_field(form.income, class='form-control', placeholder='Income'}}
    </div>
    <div class="col">
        {{wtf.form_field(form.income, class='form-control', placeholder='Income'}}
    </div>
</div>

【讨论】：

感谢您的回答，但这不起作用。这仅给出了 2 个实例，即在一行中包含标签和下面的字段，该字段占用屏幕的宽度（在修复占位符后缺少 ')' 的语法错误之后）。我的目标是在使用 wtf.form_field 时将标签和输入字段放在同一行。