Django-crispy-form을 설치하기

https://github.com/django-crispy-forms/crispy-bootstrap5

GitHub - django-crispy-forms/crispy-bootstrap5: Bootstrap5 template pack for django-crispy-forms

폼의 디자인을 향상하기 위해 django-crispy -form을 사용할 수 있다.

설치하기

• pip install django-crispy-forms

settings.py 파일에 추가하기

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'django_extensions',

    'crispy-form'
    
    'blog',
    'single_pages',
]

CRISPY_TEMPLATE_PACK = "bootstrap5"

---

Bootstrap5로 설치하는 방법

$ pip install crispy-bootstrap5

그리고 settings 에 아래와 같이 추가

INSTALLED_APPS = (
    ...
    "crispy_forms",
    "crispy_bootstrap5",
    ...
)

CRISPY_ALLOWED_TEMPLATE_PACKS = "bootstrap5"

CRISPY_TEMPLATE_PACK = "bootstrap5"

template html 파일에서 아래와 같이 사용한다.

{{ form | crispy }}
<div id="div_id_tags_str">
    <label for="id_tags_str">Tags:</label>
    <input type="text" name="tags_str" id="id_tags_str" class="textinput textInput form-control" value="{{ tags_str_default }}">
</div>