繁体   English   中英

Django表单域:为Bootstrap设计样式而不丢失功能?

[英]Django form-fields: Styling for Bootstrap without losing functionality?

因此,django中的form.as_p给出了一种简单而又非常适合的形式,其字段输入与实体属性类型匹配,如下所示:

在此处输入图片说明

注意vintage是一个下拉项, brand 但是话又说回来,这很简单

我想将引导样式与django表单一起使用,而又不会失去django通过模型属性自定义每种输入类型的方式。

我设法做到这一点:

在此处输入图片说明

通过在我的.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中获取样式和可满足要求的表单输入呢? 在我当前的形式中,所有字段都是简单的输入类型。

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM