반응형
https://github.com/django-crispy-forms/crispy-bootstrap5
폼의 디자인을 향상하기 위해 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>
반응형
'Django' 카테고리의 다른 글
Django all-auth 로그인 연동 (0) | 2022.02.26 |
---|---|
Markdownx 사용하기 (0) | 2022.02.24 |
Python strip() (0) | 2022.02.24 |
Django Shell Plus (0) | 2022.02.22 |
Compile Language & Interpreter Language (0) | 2022.02.22 |