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

Question

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

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

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

....

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

标签： twitter-bootstrapflask-wtforms

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