如何禁用 Bootstrap 3 折叠导航菜单 css

Question

我觉得问这个问题有点可悲：我有一个基于 this bootstrap template 的项目。

我需要阻止菜单图标/堆叠响应模式。我的主菜单很小，我不需要它。我试过禁用媒体查询（你认为将其中一个设置为最大宽度 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>

How to disable Bootstrap 3 collapse nav menu css