如何将引导程序设计放在 django 表单上的 CheckboxSelectMultiple 中

Question

我在数据库中有一个动态列需求，在我的 forms.py 中，我有这个 RequirementForm 来将数据库中的需求行数填充到 html。class RequirementForm(forms.ModelForm):    class Meta:        model = ApplicantInfo        fields = ('requirement',)        widgets = {            'requirement': forms.CheckboxSelectMultiple,        }有没有办法在这个上放置引导程序设计？因为在我的 html 代码中，我只有这个：{% extends 'applicant/base.html' %}{% block content %}<center>    <!-- Default unchecked -->    <form method = "post">        {% csrf_token %}        {{ form }}        <button type="submit">Save</button>    </form></center>{% endblock %}

Answer 1

在表单中添加一个 init fun：

    def __init__(self, *args, **kwargs):

        super().__init__(*args, **kwargs)

        for myField in self.fields:

            self.fields[myField].widget.attrs['class'] = 'form-control'

另外，记得在模板中添加 bootstrap CSS 和 js

Answer 2

您可以使用 django-crispy-forms https://django-crispy-forms.readthedocs.io/en/latest/

在你的 settings.py 中

CRISPY_TEMPLATE_PACK = 'bootstrap3' #or bootstrap4

有了它，您的模板将如下所示

{% extends 'applicant/base.html' %}

{% load crispy_forms_tags %}

{% block content %}

<center>

    <!-- Default unchecked -->

    <form method = "post">

        {% csrf_token %}

        {{ form|crispy }}

        <button type="submit" class="btn btn-default">Save</button>

    </form>

</center>

{% endblock %}