Change the height of the navigator

Question

In the starting example for Bootstrap, when I reduce the width of the browser, the navbar suddenly gets higher (since the menu options go into the drop-down button). Is there any way to control this?

Answer 1

Bootstrap handles browser width changes using CSS Media queries. You can override them by creating your own CSS for the navigation bar and turning it on, for example, after the initial loading.

Answer 2

I faced exactly this problem, and after some research I found a solution.

Change below "padding:" to 0px:

navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding: 0px;} 

To solve a problem. I assume that the change can also be made in the LESS file and recompile css, but instead I made changes to the "main.css" file.