如何使用 django-crispy-forms 操作表单组和控件 div？答案

【问题标题】：How can I manipulate the form-group and controls divs with django-crispy-forms?如何使用 django-crispy-forms 操作表单组和控件 div？
【发布时间】：2015-11-23 14:31:12
【问题描述】：

我在 Twitter Bootstrap 3 中使用 Django 1.8 和 Crispy-Forms

这是我目前拥有的：

self.helper.layout = Layout(
    ...
    'address',
    StrictButton('Find address', id='find_address', css_class='btn-primary'),
)

这个输出：

<div id="div_id_address" class="form-group">
    <label for="id_address" class="control-label">Address</label>
    <div class="controls">
        <input class="textinput textInput form-control" id="id_address" maxlength="100" name="address" type="text" value="" />
    </div>
</div>
<button id="find_address" class="btn btn-primary" type="button">Find address</button>

我想输出什么（form-inline 类和按钮find_address 添加到controls div）：

<div id="div_id_address" class="form-group">
    <label for="id_address" class="control-label">Address</label>
    <div class="controls form-inline">
        <input class="textinput textInput form-control" id="id_address" maxlength="100" name="address" type="text" value="" />
        <button id="find_address" class="btn btn-primary" type="button">Find address</button> 
    </div>
</div>

这会将按钮与输入字段对齐。有可能用脆的形式来实现吗？我想不通。谢谢！

【问题讨论】：

标签： django forms twitter-bootstrap-3 django-crispy-forms

【解决方案1】：

也许

FieldWithButtons(
    'address', 
    StrictButton('Find address', id='find_address', css_class='btn-primary')
)

可能是解决方案。

见http://django-crispy-forms.readthedocs.org/en/latest/layouts.html#bootstrap-layout-objects

【讨论】：

谢谢 Yuri，这就是我暂时使用的方法，但我仍在寻找一种方法来输出与字段内联的单独按钮。