Menu
I have been using bootstrap's navbar css. Below this navbar I have a which I want to put below the navbar. However, why does it always start at the top and not below the navbar? I've looked at twitter bootstrap's example and they were able to have a positioned below the fixed navbar. Here's the link to my website. Any idea why this is?
Here's the html that I have now:
<div class="navbar navbar-fixed-top">
</div>
<section id="main">
</section>
794
The
fixed navbarwill overlay your other content, unless you addpaddingto the top of the<body>. Try out your own values or use our snippet below. Tip: By default, the navbar is 50px high.body { padding-top: 70px; }Make sure to include this after the core Bootstrap CSS.
ref: http://getbootstrap.com/components/#navbar-fixed-top
I dont know why they dont put this note in bootstrap 2.3.2 but this is what you want. :)
180
Yesterday I fix my navbar and set the container as following
.maincontainer{ padding-top: 75px; }
75 pixel is enough and doesn't affect Bootstrap on Responsive design in Tablet and Mobile. Work perfect everywhere :)
2
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
