如何禁用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>