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확인해 보세요.