1. django - bootstrap 설치
$ pip intsall django-bootstrap-v5==1.0.11
2. settings.py 에 등록
- settings.py > Installed app 에 추가한다.
...
INSTALLED_APPS = [
'movies',
'bootstrap5', # 이 부분을 추가한다.
3. base.html 수정
- 이제부터 bootstrap CDN 링크를 직접 쓰지 않고! bootstrap을 더 간결하게 쓸 수 있게 되었다.
# base.html
{% load bootstrap5 %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
{% bootstrap_css %}
</head>
<body>
{% bootstrap_javascript %}
</body>
</html>4. model form을 bootstrap을 이용해서 작성하는 방법
- create.html
{% extends 'base.html' %}
{% load bootstrap5 %}
{% block content %}
<div class="m-3">
<h2>Create</h2>
<hr>
<form action="{% url 'movies:create' %}" method="POST">
{% csrf_token %}
# bootstrap_form #model form name# 을 사용해서 bootstrap을 이용한 model form을 손쉽게 만들 수 있다.
{% bootstrap_form movie %}
<input class="btn btn-primary" type="submit" value="제출">
</form>
<hr class="border border-1 opacity-75">
<a href="{% url 'movies:index' %}" class="btn btn-info">Back</a>
</div>
{% endblock content %}Uploaded by N2T