Change the height of the navigator

Question

I am currently using the gae pattern for my application. I want to resize the navbar component, but I did not find an attribute for this. I already searched for answers from other topics, but I did not find an attribute for changing the height in css files or less.

Is there anyone who has already used the gae pattern and can give me an answer?

thanks

Answer 1

For twitter bootstrap, set the height or min-height of the .navbar-inner class.

For example:

 .navbar-inner { height: 80px; } 

Fiddle

Answer 2

I found that I need to change the addition to the navbar class and the nav class for lists:

 .navbar .brand, .navbar .nav > li > a { padding: 0 30px 0 30px; } 

Answer 3

The accepted answer partially worked for me on Bootstrap 2.12. This worked better for me (where .widget is the class of elements on which I want to have smaller navbars):

 .navbar .brand, .navbar .nav > li > a { padding: 8px 10px 0px 10px; } .navbar-inner{ min-height:16px; } .navbar .navbar-inner .brand { margin-top: 0px; } .widget .navbar .navbar-inner .nav .dropdown a { margin-top: 0px; } .widget .navbar .navbar-inner a.btn { margin-top: 2px; }