django modelform with bootstrap

时间:2015-07-25 14:03:50

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

我想用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的最佳做法是什么?

2 个答案:

答案 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)

只需使用Reading binary file and looping over each byte 相当简单直接