Проблемы с формами Django и Bootstrap

Я делаю форму в django, и я стилизую ее с помощью виджетов:

    from django.forms import ModelForm, TextInput, EmailInput, NumberInput
from .models import *

class DateInput(forms.DateInput):
    input_type = 'date'

class PatientForm(ModelForm):
    class Meta:
        model = Patient
        fields = ['fornavn', 'efternavn', 'email', 'birthday', 'id_nr']
        widgets = {
            'fornavn': TextInput(attrs={
                'class': "form-control",
                'style': 'max-width: 300px;',
                'placeholder': 'Fornavn'
                }),
            'efternavn': TextInput(attrs={
                'class': "form-control",
                'style': 'max-width: 300px;',
                'placeholder': 'Efternavn'
                }),
            'email': EmailInput(attrs={
                'class': "form-control",
                'style': 'max-width: 300px;',
                'placeholder': 'Email'
                }),
         
            'birthday': DateInput(attrs={
                'format':'DD/MM/YYYY',
                'class': "form-control",
                'style': 'max-width: 300px;',
                'placeholder': 'dd/mm/yyyy',
            }),

             'id_nr': NumberInput(attrs={
                'class': "form-control",
                'style': 'max-width: 300px;',
                'placeholder': 'Ønsket patientnummer'
                }),
        }

Однако при вставке формы в шаблон со стилизацией Bootstrap Card, форма не рендерится, и у меня остаются только названия полей ввода, без полей для ввода. Шаблон выглядит следующим образом:

    {% load crispy_forms_tags %}
{% block content %}

<div class="container p-5">
    <div class="row p-5">
        <div class="card p-3" style="width: 40rem;">
            <h3 class="p-2 m-1">Opret patient</h3>
            <hr>

            <form action="" method="post" class="">
                {% csrf_token %}
                {{ form|crispy }}
            <button type="submit" name="Opret" class="btn btn-primary float-end">Opret patient</button>
    
            </form>
        </div>
    </div>
</div>

{% endblock %}

Есть предложения?

Вернуться на верх