> 웹 프론트엔드 > JS 튜토리얼 > Bootstrap 5에서 내 Navbar 드롭다운이 축소되지 않는 이유는 무엇입니까?

Bootstrap 5에서 내 Navbar 드롭다운이 축소되지 않는 이유는 무엇입니까?

Barbara Streisand
풀어 주다: 2024-11-16 06:48:02
원래의
650명이 탐색했습니다.

Why is My Navbar Dropdown Not Collapsing in Bootstrap 5?

Bootstrap 5의 Navbar 드롭다운 축소 문제 해결

Bootstrap 5는 JavaScript 플러그인의 데이터 전환 속성 수정을 포함하여 중요한 변경 사항을 가져옵니다. Bootstrap 5에서 탐색 모음 드롭다운이 작동하지 않는 문제를 해결하려면 이러한 속성을 업데이트해야 합니다.

이전 Bootstrap 버전에서는 축소 기능이 data-toggle="collapse" 속성에 의해 시작되었습니다. . 그러나 Bootstrap 5에서는 대신 data-bs-toggle="collapse"를 사용해야 합니다.

마찬가지로 data-target 속성은 접거나 펼치려는 요소는 data-bs-target으로 업데이트해야 합니다.

업데이트된 코드:

<button>
로그인 후 복사

추가로 위에서 언급한 변경 사항에 대해 Bootstrap 5는 여백에 대한 새로운 클래스를 도입했다는 점에 유의하는 것이 중요합니다.

  • mr-auto, 올바른 여백 자동 클래스는 me-auto.
  • ml-auto, 왼쪽 여백 자동 클래스는 ms-auto.
  • 이러한 업데이트를 통합하면 탐색 모음 드롭다운 축소 기능이 Bootstrap 5에서 예상대로 작동해야 합니다.

위 내용은 Bootstrap 5에서 내 Navbar 드롭다운이 축소되지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿