CODEWITHSUNDEEP
twitter-bootstrapnavbar
tofutim
tofutim

Reputation: 23374

Navbar height changing

In the start sample for Bootstrap, as I shrink the width of the browser, the navbar suddenly becomes taller (as the menu options go into the dropdown button). Is there any way to control this?

Upvotes: 0

Views: 790

Answers (2)

Andreas Klintberg
Andreas Klintberg

Reputation: 460

I encountered exactly this issue and i found a solution after some research.

Comparison

Changing below "padding:" to 0px: 

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

Will fix the issue. I guess the change can also be done in the LESS file and recompiling the css, but i put my change in the "main.css" file instead.

Upvotes: 0

Ivan Vergiliev
Ivan Vergiliev

Reputation: 3841

Bootstrap handles browser width changes through CSS Media Queries. You can override them by creating your own CSS for the navbar and including it after the bootstrap one, for example.

Upvotes: 1

Related Questions