Python 如何将引导设计放入django窗体上的复选框SelectMultiple

我在数据库和我的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 %}

{%extends'申请人/base.html%}
{%block content%}
{%csrf_令牌%}
{{form}}
拯救
{%endblock%}

在表单中添加初始乐趣：

    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        for myField in self.fields:
            self.fields[myField].widget.attrs['class'] = 'form-control'

---

另外，请记住将引导CSS和js添加到模板中

在表单中添加初始乐趣：

    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        for myField in self.fields:
            self.fields[myField].widget.attrs['class'] = 'form-control'

---

另外，记住向模板添加引导CSS和js，您可以使用django crispy表单

在您的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 %}

{%extends'申请人/base.html%}
{%load crispy_forms_tags%}
{%block content%}
{%csrf_令牌%}
{{form | crispy}}
拯救
{%endblock%}

您可以使用django crispy表单

在您的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 %}

{%extends'申请人/base.html%}
{%load crispy_forms_tags%}
{%block content%}
{%csrf_令牌%}
{{form | crispy}}
拯救
{%endblock%}