首頁 >web前端 >css教學 >為什麼我的導覽列和漢堡選單會在較小的螢幕上消失?

為什麼我的導覽列和漢堡選單會在較小的螢幕上消失?

DDD
DDD原創
2024-11-14 21:38:02621瀏覽

Why Does My Navbar and Hamburger Menu Disappear on Smaller Screens?

修正小螢幕上消失的導覽列和漢堡選單

問題:

問題:

解決方案:

    要保持較小螢幕上的可見性,請確保導覽列具有背景顏色或添加適當的CSS 類:
  • 對於Bootstrap 5:
使用navbar-light 或navbar-dark 以及navbar-light bg-light 或navbar-dark bg-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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn