Bootstrap 5 Navbar 드롭다운이 작동하지 않음: 데이터 속성 문제를 해결하는 방법?

Bootstrap 5에서 Navbar 드롭다운이 작동하지 않음: 해결됨

Bootstrap 5로 반응형 탐색 메뉴를 생성할 때 사용자에게 드롭다운 기능 문제가 발생함 . 필요한 아이콘이 있고 jQuery가 포함되어 있음에도 불구하고 탐색 또는 드롭다운 버튼을 클릭하면 드롭다운 메뉴가 나타나지 않습니다.

해결책:

Bootstrap 5에서 데이터- Bootstrap 4에서 이전에 사용된 속성은 bootstrap 기능을 다른 코드와 차별화하기 위해 data-bs-로 업데이트되었습니다. 이 변경 사항은 탐색 모음 축소를 포함하여 JavaScript 플러그인에 사용되는 속성에 영향을 미쳤습니다. 적절한 기능을 보장하려면 다음과 같이 data- 속성을 ​​data-bs-로 바꾸십시오.

<button class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbar">
    <span class="navbar-toggler-icon"></span>
</button>

데모:

[작업 중인 삽입 삽입 데모는 여기]

추가 고려 사항:

• Bootstrap 5는 획기적인 변경 사항을 도입하는 중요한 업데이트입니다.
• 이전에 사용된 mr-auto/ml-auto 클래스가 ms-auto/me로 대체되었습니다. -자동.

위 내용은 Bootstrap 5 Navbar 드롭다운이 작동하지 않음: 데이터 속성 문제를 해결하는 방법?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!