Twitter Bootstrap navbar-fixed-bottom custom height

Question

I used twitter bootstrap for interest. And these days I was trying to create a custom navigator. I want to display some information about the lower navigation bar, creating it as navbar-fixed-bottom. But I can’t adjust its height. The default is not enough for me.

If someone has encountered this problem and has a solution, share. Thanks.

Answer 1

By the way ... You can set up your Twitter Bootstrap here: http://twitter.github.com/bootstrap/customize.html

Just change @navbarHeight.

But it will also change the height of navbar-fixed-top ...

---

EDIT: The site has changed, the new URL to configure Bootstrap is http://getbootstrap.com/customize/

Answer 2

The navigator should fit the size of the content (as long as the content is not outside the flow of the document). You will need to increase the indentation of the body so that the content does not disappear behind the bottom navigation bar. If you are using a responsive bootstrap, add the following rule to your css and replace it? with the height of the bottom navigation bar:

@media (min-width: 980px){ body { padding-bottom: ??px; } } 

For non-responsive layouts, declare it without a media request:

 body { padding-bottom: ??px; }