且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

带有引导程序的Django modelform

更新时间:2023-11-30 16:23:04

引导字段的窍门是注入 form-control 类放入每个字段,并确保每个字段都位于 form-group dom元素内。将该类注入到您的每个字段中,您可以这样:

The trick to bootstrap fields is injecting the form-control class into each field, and making sure each field lives inside a form-group dom element. To inject that class into each one of your fields, you could so something like:

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'
        })

现在,在django模板中,您可以遍历表单字段,将每个字段放入一个引导的 form-group 。例如:

Now, in your django template you can iterate through your forms fields, placing each one into a bootstrap'd form-group. For example:

<form method="POST" class="post-form">
    {% for field in form %}
    <div class="form-group">
        {{ field }}
    </div>
    {% endfor %}
</form>

我还要说,这种设置(Django + Bootstrap)在当今非常普遍,所以谷歌搜索用django引导程序形式应该在进一步定制它方面产生大量的知识。祝你好运!

I'll also say that this setup (Django + Bootstrap) is super common now adays, so googling "Bootstrap forms with django" should yield a wealth of knowledge on customizing this even further. Good luck!