Хрустящая форма не выглядит такой красивой в django с bootstrap4?

я создал шаблон продажи в хорошем смысле, с просто контейнером класса div и простой строкой с просто затенением, в колонке я добавляю {{form|crispy}} caulse я добавляю {% load crispy_forms_tags %} тег, и снова добавляю CRISPY_TEMPLATE_PACK = 'bootstrap4' в настройках, да я использую bootstrap 4. проблема в том, что форма crispy не очень хорошо отображается, смотрите фото

пожалуйста, помогите мне!

это мой шаблон для продажи

{% extends 'base.html' %}
{% load crispy_forms_tags %}
{% load static %}

{% block title%}{% endblock%}
{% block content %}

 <!--container -->
  <div class="container">
    <!-- row -->
    <div class="row">
        <!-- column -->
        <div class="col-lg-2">
            
        </div>
        <!-- end column -->
        <!-- column -->
        <div class="col-lg-8 shadow p-3 mb-5 bg-white rounded">

            <div class="text-center" style="margin-bottom: 2em;">
                <h3>Star sell your product</h3>
                <p>Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies</p>
                
            </div>
             <form action="/publish/" class ="put"  method="post" enctype="multipart/form-data">{% csrf_token %}

            <div class="form-group ">
               
                 {{ form.media }}
                 
                {{ form|crispy}}
                
                <h5 class="m-2"> Add More Images</h5>
                
               
                

            </div>


                  <button type="submit" class="site-btn">Next</button>
              </form>

            
        </div>
        <!-- end column -->
        <!-- column -->
        <div class="col-lg-2">
            
        </div>
        <!-- end column -->
        
    </div>
    <!-- end row -->
    
</div>
<!-- end container -->

{% endblock %}

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