> 웹 프론트엔드 > CSS 튜토리얼 > Bootstrap 5 Navbar 드롭다운이 확장되지 않는 이유는 무엇입니까?

Bootstrap 5 Navbar 드롭다운이 확장되지 않는 이유는 무엇입니까?

Linda Hamilton
풀어 주다: 2024-12-29 22:12:30
원래의
224명이 탐색했습니다.

Why Doesn't My Bootstrap 5 Navbar Dropdown Expand?

Bootstrap 5에서 Navbar 드롭다운이 정적으로 유지됩니다

문제:

Bootstrap 5를 사용하여 반응형 메뉴 또는 드롭다운 버튼을 만들 때 , 탐색 아이콘 및 드롭다운 아이콘이 표시되지만 클릭해도 확장되지 않습니다. jQuery 파일을 포함했음에도 불구하고 드롭다운 메뉴가 표시되지 않습니다.

원인:

Bootstrap 5에서 데이터 속성이 "data-bs-*"로 업데이트되었습니다. 대신에 "data-target."

해결책:

코드에서 다음 줄을

<button>
로그인 후 복사
로그인 후 복사

이 업데이트된 줄로 바꾸세요.

<button>
로그인 후 복사
로그인 후 복사

추가 고려 사항:

  • Bootstrap 5에는 "mr-auto" 및 "ml-auto"와 같은 간격 클래스를 "ms-auto" 및 "me-auto"로 대체하는 등 획기적인 변경 사항이 도입되었습니다. ."
  • "data-bs-*" 속성을 사용하면 Bootstrap 5의 네임스페이스와의 호환성이 보장되고 타사 JavaScript와 구별됩니다. 구성요소입니다.

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

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