Bootstrap 5
를 사용하여 반응형 메뉴나 드롭다운 버튼을 만드는 동안 문제가 발생했습니다. 모든 것이 괜찮은 것 같습니다. 탐색 아이콘과 드롭다운 아이콘이 표시됩니다. 그러나 그들은 작동하지 않습니다. nav
아이콘이나 드롭다운
버튼을 클릭하면 드롭다운 메뉴
가 표시되지 않습니다.
jquery
파일도 포함했다는 점을 구체적으로 언급하고 싶습니다. 그러나 그것은 작동하지 않았습니다. 누군가 여기서 무슨 일이 일어나고 있는지 말해 줄 수 있습니까?
마지막으로, 저는 다른 bootstrap
클래스(예: mr-auto
, ml-auto
등)를 사용하고 있습니다. .) 심각한 문제가 발생했습니다.이것은 버그입니까, 아니면 bootstrap 5
에서 이러한 종류의 작업을 수행하는 새로운 클래스를 도입합니까?
내 코드는 다음과 같습니다.
<머리>부트스트랩 <링크 href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="스타일시트" 무결성="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="익명" /> 머리> <본문> <스크립트 src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" 무결성="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="익명" >
InBootstrap 5, Bootstrap 4
에서 사용됨 으아악data-*
属性已被替换为data-bs-*
데모
docs에 설명된 대로 이제 모든 JavaScript 플러그인의 데이터 속성이 네임스페이스화되어 Bootstrap 기능을 타사 및 사용자 코드와 구별하는 데 도움이 됩니다. 즉, 모든 자바스크립트 구성요소(collapse, navbar, carousel, dropdown, tab, modal 등)는
data-bs-...
속성만 사용할 수 있습니다.Bootstrap 5는획기적인 변경 사항이 포함된주요 업데이트입니다. 그리고여기서,
ml-auto
/mr-auto
已更改为ms-auto
/me-auto
확인해 보세요.