sandersdesert
New Member
Using bootstrap's navbar, I am trying to figure out how to make it not to hide the top of the body section.Actually, it is very well solved using what is recommended here:Twitter Bootstrap - top nav bar blocking top content of the pageBut there is still something that is not working: when you have a link like this:<li><a href="http://stackoverflow.com/questions/12763707/#section1">Go to Section 1</a></li><li><a href="http://stackoverflow.com/questions/12763707/#section2">Go to Section 2</a></li><li><a href="http://stackoverflow.com/questions/12763707/#section3">Go to Section 3</a></li><li><a href="http://stackoverflow.com/questions/12763707/#section4">Go to Section 4</a></li>And<h4 id="Section 1">Section 1</h4><p>Content of Section 1</p><p><a href="http://stackoverflow.com/questions/12763707/#">Back to Top</a></p><h4 id="Section 2">Section 2</h4><p>Content of Section 2</p><p><a href="http://stackoverflow.com/questions/12763707/#">Back to Top</a></p><h4 id="Section 3">Section 3</h4><p>Content of Section 3</p><p><a href="http://stackoverflow.com/questions/12763707/#">Back to Top</a></p><h4 id="Section 4">Section 4</h4><p>Content of Section 4</p><p><a href="http://stackoverflow.com/questions/12763707/#">Back to Top</a></p>In this case, when you click on, for example, Section 2 direct link (or shortcut), the page properly scrolls-down until the section 2, but it hides the beginning of it behind the bootstrap navbar.Any clue about how can this be fixed?