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