Почему формы django показывают ввод в строке, а не в столбце

Интересно, почему django modelForm показывает input в строке, а не в столбце, как здесь:

image

Я хочу, чтобы весь ввод в моем model был в колонке, когда помещаю {{ form|crispy}} в template, как вы можете видеть в template, даже если добавить col-md-3 для изменения размера input в col это не работает, я думаю, есть что-то, что я должен знать о django-forms.

template:

--- Bootstrap-5

<div class="container">
        <div class="row justify-content-center">
            <div class="col-md-3">
                <form method="post" enctype="multipart/form-data">
                    {% csrf_token %}
                    {{ form|crispy}} 
                    <button type="submit" class="btn btn-primary">Create Student</button>
                </form>
            </div>
        </div>
    </div>

Результат:

Image

Мой файл Forms.py:

class PrimaryForms(forms.ModelForm):
    signature_of_student = JSignatureField(
        widget=JSignatureWidget(
            jsignature_attrs={'color':'#e0b642', 'height':'200px'}
            )
            )
    
    signature_of_guardian = JSignatureField(
        widget=JSignatureWidget(
            jsignature_attrs={'color':'#e0b642', 'height':'200px'}
            )
            )
    date_of_birth = forms.DateField(widget=forms.DateInput(attrs={'type': 'date'}))

    class Meta:
        model = Primary
        fields = ['admission_number', 'profile_picture', 'first_name', 
        'last_name', 'gender', 'address_of_student', 'class_Of_student', 
        'comment_of_student', 'year_of_graduation', 'date_of_birth', 'religion', 'mother_name',]

Как сделать так, чтобы ввод был в столбик?

Если вы хотите, чтобы все поля были в полном ряду, вам нужно изменить col-md-12 в html

--- Bootstrap-5

<div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-3 col-md-12">
                <form method="post" enctype="multipart/form-data">
                    {% csrf_token %}
                    {{ form|crispy}} 
                    <button type="submit" class="btn btn-primary">Create Student</button>
                </form>
            </div>
        </div>
    </div>
Вернуться на верх