如何将Bootstrap Design放在Django表单上的CheckboxSelectMultiple中

Question

我在数据库和我的形式中有一个动态列的要求。要求将数据库中的需求行数填充到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

向表格添加初始乐趣：

    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/

在您的设置中

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 %}