如何操作表单组并使用django-crispy-forms控制div?

时间:2015-08-28 20:33:09

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

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

这就是我现在所拥有的:

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>

这使按钮与输入字段对齐。是否有可能以脆形式实现这一目标?我无法弄清楚。谢谢!

1 个答案:

答案 0 :(得分: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