python - 如何使 Django-select2 样式起作用

Question

使用以下详细信息，我无法正确显示我的表单详细信息。这些项目并排显示，而不是彼此下方显示。我看不出我哪里出错了。

 <form class="add_new container" method="post">
    {% csrf_token %}
    {% for field in form %}
        <p>{{ field }}</p>
    {% endfor %}<hr><br>
    <input type="submit" value="Issue" class="btn btn-outline-primary" class="text-right">
  </form>

这是模型形式

class TeacherIssueForm(forms.ModelForm):
    def __init__(self,*args, pk,school,issuer, **kwargs):
        super(TeacherIssueForm, self).__init__(*args, **kwargs)
        self.fields['issuer'].initial = issuer
        self.fields['book_id'].queryset = Books.objects.filter(school=school,no_of_books=1)
        self.fields['borrower_teacher'].initial = pk #Sets the field with the pk and it's hidden again

    class Meta:
        model = TeacherIssue
        fields = ['issuer','book_id','borrower_teacher']
        widgets = {
            'borrower_teacher':forms.TextInput(attrs={"class":'form-control','type':'hidden'}),
            'issuer':forms.TextInput(attrs={"class":'form-control','type':'hidden'}),
            'book_id':Select2Widget(attrs={'data-placeholder': 'Select Book','data-width': '100%'},)
        }