백엔드 개발자를 꿈꾸며...

[Django] 장고에 부트스트랩5 적용하기 본문

백엔드 공부/Django

[Django] 장고에 부트스트랩5 적용하기

박현준(-ㅅ-) 2023. 1. 11. 11:45

 

시작하기에 앞서 틀린 정보일 수도 있으나 부트스트랩 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

Comments