작은 화면에서 내 탐색바와 햄버거 메뉴가 사라지는 이유는 무엇입니까?

작은 화면에서 사라지는 Navbar 및 햄버거 메뉴 수정

문제:

navbar 중앙의 로고 이미지는 대형 화면에서도 완벽하게 작동합니다. 하지만 화면을 축소하면 로고 이미지와 햄버거 메뉴 등 모든 것이 사라진다. 이 문제를 어떻게 해결할 수 있습니까?

해결책:

작은 화면에서도 가시성을 유지하려면 탐색 모음에 배경색이 있거나 적절한 CSS 클래스가 추가되었는지 확인하세요.

• Bootstrap 5의 경우: 배경색으로 navbar-light bg-light 또는 navbar-dark bg-dark와 함께 navbar-light 또는 navbar-dark를 사용하세요.

<nav>

• Bootstrap 4.0.0 이하: navbar-light bg-light 또는 navbar-dark bg-dark를 사용하거나 CSS를 통해 사용자 정의 배경색을 추가하세요.

<nav>

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

또는 햄버거 토글러를 어둡게 하여 가시성을 높일 수 있습니다.

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

업데이트 정보:

Bootstrap 5의 경우 햄버거 메뉴를 표시하려면 navbar-light 또는 navbar-dark 클래스가 필수적입니다.

위 내용은 작은 화면에서 내 탐색바와 햄버거 메뉴가 사라지는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!