Django表单字段:Bootstrap的样式而不会丢失功能?

时间:2017-05-20 08:11:27

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

所以django中的form.as_p提供了一个简单但非常适合的形式,其字段输入与实体属性类型匹配,如下所示:

enter image description here

请注意vintage是一个下拉项目,brand也是如此。但话说回来,非常简单

我想在django表单中使用bootstrap样式,而不会失去django通过模型属性自定义每种输入类型的方式。

我设法实现了这个目标:

enter image description here

在我的.pug模板中执行此操作:

                form(method="post" action=".")
                    | {% csrf_token %}
                    for field in da_form
                        div(class="form-group row")
                            label(class="col-lg-4 col-md-3 cold-sm-6 col-form-label") {{field.label_tag}}
                            div(class="col-lg-8 col-md-3 cold-sm-6")
                                input(class="form-control") {{field}}
                    input(class="form-control")(type="submit" value="submit")

但是我怎样才能 两者从django获得风格,以及照明形式输入?在我当前的表单中,所有字段都是简单的输入类型。

1 个答案:

答案 0 :(得分:1)

<form action="" method="POST">
{% for fields in form.visible_fields %}
<div label={{ fields.label_tag }} class="bootstrap class" id="your need">
<div class="your need">{{ fields }} </div>
{% endfor %}
<input type="submit" value="Submit">
</div>
</form>