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

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