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

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

DDD
發布: 2024-11-14 21:38:02
原創
614 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板