Bootstrap 5의 탐색 모음 드롭다운 메뉴(축소)에 기능적 문제가 있습니다.
P粉322319601
P粉322319601 2023-08-22 20:42:45
0
1
635

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="익명" >  


P粉322319601
P粉322319601

모든 응답 (1)
P粉550257856

InBootstrap 5, Bootstrap 4data-*属性已被替换为data-bs-*

에서 사용됨 으아악

데모

docs에 설명된 대로 이제 모든 JavaScript 플러그인의 데이터 속성이 네임스페이스화되어 Bootstrap 기능을 타사 및 사용자 코드와 구별하는 데 도움이 됩니다. 즉, 모든 자바스크립트 구성요소(collapse, navbar, carousel, dropdown, tab, modal 등)는data-bs-...속성만 사용할 수 있습니다.

Bootstrap 5는획기적인 변경 사항이 포함된주요 업데이트입니다. 그리고여기서,ml-auto/mr-auto已更改为ms-auto/me-auto확인해 보세요.

    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿
    회사 소개 부인 성명 Sitemap
    PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!