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