테스트 사이트 - 개발 중인 베타 버전입니다

부트스트랩5 알파2에서 베타2로 이전시 수정할 부분

· 4년 전 · 2857 · 3

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

 

[code]

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

 

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/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/

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 3개

유익한 정보...감사합니다.
감사합니다.
감사합니다

게시글 목록

번호 제목
24149
24140
24133
24125
24119
24109
24105
24101
24093
24089
24077
24074
24071
24070
24067
24056
24050
24046
24043
24040
24037
24036
24035
24034
24021
24017
24005
24002
23990
23980