Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
31 |
Tags
- WAS 차이
- for 템플릿
- 카카오로그인
- login
- 웹서버 기능
- if 템플릿
- Kakao Developers
- user 템플릿
- 정처기
- 자동 컴파일
- 토이프로젝트
- Bootstrap5
- 장고 로그인
- django
- 템플릿 문법
- 3학년 마무리
- allauth
- template 문법
- kakao API
- Django login
- 백엔드
- Web
- 웹서버 역할
- token 토큰
- username 가져오기
- 웹
- 장고
- mac북
- 'set' object is not reversible
- 대학생
Archives
- Today
- Total
백엔드 개발자를 꿈꾸며...
[Django] 장고에 부트스트랩5 적용하기 본문
시작하기에 앞서 틀린 정보일 수도 있으나 부트스트랩 4 이후로 5 버전이 나왔다고 해서 설치부터 5 버전으로 설치하고 4 버전? 이전버전에서 사용하던 방법으로 적용하느라 적용되지도 않은 채 혼자 바보처럼 삽질 아닌 삽질을 하면서... 기록하려고 적습니다...ㅠㅠㅠㅠㅠㅠㅠ
설치
python -m pip install django-bootstrap5
저는 그전에 설치해서 Requirment~~가 뜨지만 처음에 설치하면 package설치가 완료됩니다.
settings.py에서 INSTALLED_APPS에 추가
"django_bootstrap5"
추가해 줍니다.
HTML파일에 적용
{% load static %}
{% load django_bootstrap5 %}
static파일을 사용해야 해서 {% load static %}을 작성해야 한다면 그대로 최상위에 작성하시면 됩니다.
{% bootstrap_css %}
{% bootstrap_javascript %}
헤드를 닫는 부분인 </head> 위에 바로 사진처럼 작성해 주시면 됩니다.
이상으로 부트스트랩 5 버전 장고에 적용하는 글이었습니다.
사진 인용
https://www.youtube.com/watch?v=dvBCMJR6n2M
'백엔드 공부 > Django' 카테고리의 다른 글
[Django] Django-allauth로 Kakao Login, Logout 해보기 (2) | 2024.01.09 |
---|---|
[Django] 장고 토이 프로젝트 시작 (2) | 2024.01.02 |
[Django] 장고 템플릿 태그 및 user관련 템플릿 문법 (2) | 2023.02.04 |
[Django] 장고 로그인, 로그아웃 구현 (0) | 2023.01.19 |
[Django] 장고 깃허브 gitignore부터 commit, push까지 사용방법 (0) | 2023.01.13 |
Comments