Messages Framework 작성하는 중인데 부트스트랩이 깨지고 닫기버튼이 눌리지 않아요
안녕하세요 강사님! 메세지 프레임워크 적용시 사진과 같이 깨지고 버튼도 안눌리는데 제 코드에 문제가 있는건가요?
{% load bootstrap4 static %}
<!DOCTYPE html>
<html lang="kr">
<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><link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-2.2.4.js" integrity="sha256-iT6Q9iMJYuQiMWNd9lDyBUStIq/8PuOW33aOqmvFpqI=" crossorigin="anonymous"></script>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-sm-12">
{% bootstrap_messages %}
<!-- 아래 방법도 똑같음, 직접 커스텀 가능 -->
<!-- {% if messages %}
<div class="messages">
{% for message in messages %}
<div class="alert alert-{{ message.tags }}">
{{ message.message }}
</div>
{% endfor %}
</div>
{% endif %} -->
</div>
</div>
</div>
{% block content %}
{% endblock content %}
</body>
</html>답변 1
1
안녕하세요.
django-bootstrap 라이브러리는 bootstrap4를 기반으로 하고 있습니다. 그런데, 부트스트랩 CDN을 v5를 사용하셔서 스타일이 맞지 않아서 말씀하신 이슈가 발생한 듯 합니다.
django-bootstrap을 쓰실 때에는 부트스트랩 CDN을 직접 쓰시기보다, 아래와 같이 django-bootstrap에서 지원하는 템플릿 태그를 쓰시면 보다 수월하게 적용하실 수 있습니다.
그리고, 부트스트랩 v5에 대응해서는 django-bootstrap-v5 라이브러리가 있습니다. django-bootstrap과 사용법이 거의 유사하니, django-bootstrap 대신에 django-bootstrap-v5를 써보시는 것도 좋겠네요.
django-bootstrap (부트스트랩 v4) 공식 문서 : https://django-bootstrap4.readthedocs.io/en/latest/quickstart.html
django-bootstrap-v5 (부트스트랩 v5) 공식 문서 : https://django-bootstrap-v5.readthedocs.io/en/latest/quickstart.html
안녕하세요.
0
62
1
[OneToOne Field Demo] get_user_model() 메서드를 활용해야 하는 이유?
0
282
1
useEffect 훅에서 else 유무에 따른 결과
0
220
1
useAxios 훅의 dependency array 설정
0
254
1
useEffect에서 변수 업데이트 관련 질문
0
385
1
rest_framework.generics.CreateAPIView의 model 속성 유무
0
273
1
bootstrap4
0
479
4
리뉴얼 강의가 오픈이 되면 기존 강의는 더이상 못보는걸까요
1
373
1
admin form에서 앞선 필드 선택 후 다른 필드 select widget 구성하는 방법
0
577
3
useState는 필수일까요?
0
269
1
python manage.py makemigrations instagram 시 created_at default 오류가 발생합니다.
0
605
4
Django allauth를 사용한 소셜 로그인 시 에러
0
657
1
프로젝트명 변경 뒤, 디버그툴바+디버그모드 사용 시 에러
0
560
2
useLocalStorage() 함수 사용여부
0
233
1
django에 LOGIN_URL = '/accounts/login/'의 의미?
0
451
1
리듀서의 의미 재확인
0
435
1
simple-jwt Refresh Token 사용 노하우
0
903
2
docker compose 를 통한 배포 관련 오류 문의
0
683
1
파이썬 속도 장고 관련 궁금한게 있습니다.
0
368
1
is_like_user
0
236
1
related_name 오류
0
276
1
re_path 오류
0
263
1
re_path url
0
252
1
No post matches the given query
0
667
2