如何禁用Bootstrap 3折疊導航菜單CSS

Question

我問這個問題有點可悲：我有一個基於此bootstrap模板的項目。

我需要防止菜單圖標/堆疊響應模式。 我的主菜單很小，我不需要。 我曾嘗試禁用媒體查詢（您可能會認為將其中一個設置為最大寬度為1px即可）並檢查DOM，但我無法弄清楚。 有人知道我應該如何修改媒體，以使折疊菜單實際上不會觸發嗎？

Answer 1

您可以通過刪除以下代碼（位於navbar-header內部）來完全刪除按鈕：

<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
    <i class="fa fa-bars"></i>
</button>

然后，在navbar ，必須刪除collapse navbar-collapse navbar-main-collapse類，以防止在屏幕較小時隱藏菜單。 因此，它應如下所示：

<div class="navbar-right">
    <ul class="nav navbar-nav">
    ...
    </ul>
</div>