首頁 > web前端 > css教學 > 主體

為什麼我的 Bootstrap 導覽列在較小的裝置上消失?

Susan Sarandon
發布: 2024-11-06 16:26:03
原創
640 人瀏覽過

Why Does My Bootstrap Navbar Disappear on Smaller Devices?

Bootstrap 導覽列:元素在較小的裝置上消失

您設計了一個Bootstrap 導覽列,其中有一個突出的標誌居中,但當螢幕尺寸縮小。漢堡菜單也保持隱藏狀態。這個問題可以透過考慮幾個因素來解決。

行動裝置上的導覽列外觀

Bootstrap 依賴媒體查詢來調整導覽列針對不同螢幕尺寸的行為。以下CSS 類別起著至關重要的作用:

navbar-default (or navbar-light for Bootstrap 4+)
navbar-dark
登入後複製

應用導航列類別

為了確保在行動裝置上正確顯示,請將適當的導航欄類應用於您的程式碼:

<nav>
登入後複製

或者,您可以向導覽列新增自訂背景顏色或使切換按鈕變暗:

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

.navbar-toggle .icon-bar {
    background-color: rgb(136, 136, 136);
}
登入後複製

以上是為什麼我的 Bootstrap 導覽列在較小的裝置上消失?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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