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