더 작은 장치에서 내 Bootstrap 탐색 모음이 사라지는 이유는 무엇입니까?-CSS 튜토리얼-php.cn

더 작은 장치에서 내 Bootstrap 탐색 모음이 사라지는 이유는 무엇입니까?

DDD

풀어 주다： 2024-11-06 10:37:02

원래의

931명이 탐색했습니다.

Why is my Bootstrap navbar disappearing on smaller devices?

소형 장치에서 Bootstrap Navbar가 사라짐

Bootstrap navbar를 생성할 때 작은 화면에서 숨겨진 탐색 기능과 누락된 햄버거 아이콘이 나타날 수 있습니다. 이는 기본 navbar 설정이 더 큰 화면에 맞게 설계되었기 때문입니다.

해결책

이 문제를 해결하려면 navbar에 적절한 클래스를 추가해야 합니다. Bootstrap 5의 경우 navbar-light 또는 navbar-dark 클래스를 사용합니다.

<nav>

로그인 후 복사

Bootstrap 4 이하 버전의 경우 navbar-default 클래스를 사용합니다. 다음과 같이 탐색 표시줄의 배경색을 설정하거나 토글러 아이콘을 어둡게 설정할 수도 있습니다.

#navbar-primary .navbar-nav { 
   background: #ededed;
}

.navbar-toggle .icon-bar {
    background-color: rgb(136, 136, 136);
}

로그인 후 복사

이러한 변경 사항을 적용하고 나면 탐색 표시줄이 모든 화면 크기에서 제대로 표시되어야 합니다.

위 내용은 더 작은 장치에서 내 Bootstrap 탐색 모음이 사라지는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

Php8, 나도 갈게