dropdown을 클릭해도 목록이 뜨지 않았다.
head에 아래 스크립트를 추가해서 해결
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
참고 👇
https://getbootstrap.kr/docs/5.0/components/navbar/
내비게이션 바
Bootstrap의 강력하고 반응형적인 내비게이션 헤더, 내비게이션 바의 문서와 예. 콜랩스(collapse) 플러그인 지원을 포함한 브랜딩, 내비게이션 등의 지원이 포함되어 있습니다.
getbootstrap.kr
https://www.studytonight.com/bootstrap/solvedbootstrap-dropdown-not-working
[Solved]-Bootstrap dropdown not working - Studytonight
www.studytonight.com
반응형
'FE > html' 카테고리의 다른 글
| [Thymeleaf] th:attr로 속성에 값 할당하기 (0) | 2022.06.03 |
|---|---|
| [Bootstrap] 부트스트랩의 아이콘 사용하기 (0) | 2022.06.02 |
| [Thymeleaf] 글 작성자에게만 수정, 삭제 버튼 보이기 (0) | 2022.03.29 |
| [Thymeleaf] th:fragment | th:replace | th:insert (0) | 2022.02.14 |
| [Error] form 전송시 서버에 null이 들어온다 (0) | 2022.02.08 |