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

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

建立Bootstrap 導覽列時，您可能會在較小的螢幕上遇到隱藏的導航和丟失的漢堡包圖示。這是因為預設的導覽列設定是為更大的螢幕設計的。

解決方案

要解決此問題，您需要在導覽列中新增適當的類別。對於 Bootstrap 5，請使用 navbar-light 或 navbar-dark 類別。

<nav>

對於 Bootstrap 4 及更早版本，請使用 navbar-default 類別。您也可以設定導覽列的背景顏色或使切換器圖示變暗，如下所示：

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

.navbar-toggle .icon-bar {
    background-color: rgb(136, 136, 136);
}

套用這些變更後，您的導覽列應在所有螢幕尺寸上正確顯示。

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