Home/ Questions/Q 7814557
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-02T05:13:56+00:00

The default height of navbar in Twitter-Bootstrap is too small. When height is increased,

  • 0

The default height of navbar in Twitter-Bootstrap is too small. When height is increased, it encroaches the divs below.
How can I increase the height of the navbar that slides the entire page down? If this is possible, how to place navbar links to top / bottom of the navbar.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I’m pretty sure I don’t love this solution but it works for the amount of time I have to spend on this.

    .navbar .container { height: 2em; }

    I had to also add some padding-top in the same selector to get things inside the navbar to vertically align nicely.

    edit: I just re-read your question and saw you’re having trouble with the “divs below”. In doing this you need to adjust padding on the body tag as well, e.g.

    body { padding-top: 6em; }

    per the Twitter Bootstrap docs on Navbar:

    When you affix the navbar, remember to account for the hidden area
    underneath. Add 40px or more of apdding to the <body>. Be sure to add
    this after the core Bootstrap CSS and before the optional responsive
    CSS.

    • 0