我想用bootstrap格式化我的模型,没有任何额外的包(只使用bootstrap源文件)。我想要配置的特定表单:
class FoodForm(forms.ModelForm):
class Meta:
model = Food
fields = ['name', 'company']
exclude = ('user', 'edit')
'名称'是一个文本字段,我想成为一个引导文本字段,' company'是一个我想成为引导下拉列表的选择字段(来自外键)。
表单模板的当前设置:
{% extends "mainsite/base.html" %}
{% block content %}
<form method="POST" class="post-form">{% csrf_token %}
{{ form.as_p }}
<button type="submit" class="btn btn-primary">Save</button>
</form>
</form>
{% endblock %}
将任何django modelform字段格式化为bootstrap的最佳做法是什么?
答案 0 :(得分:11)
引导字段的技巧是将form-group
类注入每个字段,并确保每个字段都位于class FoodForm(forms.ModelForm):
def __init__(self, *args, **kwargs):
super(FoodForm, self).__init__(*args, **kwargs)
for field in iter(self.fields):
self.fields[field].widget.attrs.update({
'class': 'form-control'
})
dom元素内。要将该类注入到每个字段中,您可以这样:
form-group
现在,在您的django模板中,您可以遍历表单字段,将每个字段放入引导程序中{d} <form method="POST" class="post-form">
{% for field in form %}
<div class="form-group">
{{ field }}
</div>
{% endfor %}
</form>
。例如:
actual
我还会说这个设置(Django + Bootstrap)现在非常普遍,所以googling&#34;引导形式与django&#34;应该产生更多关于定制这一点的知识。祝你好运!
答案 1 :(得分:0)