Почему формы django показывают ввод в строке, а не в столбце
Интересно, почему django modelForm
показывает input
в строке, а не в столбце, как здесь:
Я хочу, чтобы весь ввод в моем 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>
Результат:
Мой файл 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>