Как добавить класс или css Bootstrap в Ckeditor в Django for responsive?

Я взял RichTextField из CKEditor. Но проблема в том, что поле не является отзывчивым. Оно отлично отображается на большом экране, но не отображается на мобильном или маленьком экране. Как я могу адаптировать это поле для мобильного или маленького экрана?

forms.py:

from ckeditor.fields import RichTextField

class update_product_info(forms.ModelForm):
    product_desc = RichTextField()

    class Meta:
        model = Products
        fields = ('product_desc')
        
        labels = {
            'product_desc':'Description'
        }

        widgets = {
            'product_desc':forms.Textarea()
    }

settings.py:

CKEDITOR_CONFIGS = {
    'default': {
        'toolbar':'Custom',

        'FontSize':20,
        'toolbar_Custom': [
            ['Undo','Redo'],
            ['Styles','Font','FontSize','Bold','Underline','Italic','HorizontalRule','Flash'],
            ['TextColor','BGColor'],
            ['Table']
        ]
    }
}

Шаблон:

<form action="" method="POST" class="needs-validation" style="font-size: 13px;" novalidate="" autocomplete="off" enctype="multipart/form-data">
 {% csrf_token %}
 {{form.media}}
 {{form.as_p}}
  
     <div class="d-flex align-items-center">
         <button type="submit" class="btn btn-outline-dark ms-auto" value="Update" style="font-size: 13px;">Add</button>
      </div>
 </form>

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