1. CSS와 자바스크립트 링크를 변경

[code]

<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0" crossorigin="anonymous"></script>

[/code]

2. 모바일에서 3줄 메뉴 버튼을 클릭해도 동작하지 않는 경우,

상위 메뉴를 클릭해도 하위 메뉴가 나오지 않는 경우,

data- 를 data-bs- 로 변경한다.

data-toggle -> data-bs-toggle

data-target -> data-bs-target

출처:

https://github.com/twbs/bootstrap/discussions/32773

https://getbootstrap.com/docs/5.0/components/navbar/