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

Question

I feel bit pathetic asking this question: I have a project based on this bootstrap template .

I need to prevent the menu icon / stacked responsive mode. My primary menu is small enough that I don't need it. I have tried disabling media queries (you'd think that setting one of them to a max width of 1px would do it) and inspecting the DOM, but I can't figure it out. Anyone know how I should modify the media so that the collapsed menu is in effect never triggered?

Answer 1

You could completely delete the button by getting rid the following code, which is inside the navbar-header :

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

Then, on the navbar , you must delete the collapse navbar-collapse navbar-main-collapse classes to prevent the menus hiding when the screen size is small. So, it should look like this:

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