Zoals aangegeven in de documentatie van het Twitter Bootstrap:
Add .navbar-fixed-top and remember to account for the hidden area underneath it by adding at least 40px padding to the <body>. Be sure to add this after the core Bootstrap CSS and before the optional responsive CSS.
Wat er zo uit zou zien:
<link href="css/bootstrap.css" rel="stylesheet">
<style>
body { padding-top: 40px; }
</style>
<link href="css/bootstrap-responsive.css" rel="stylesheet">
Niet echt netjes! Beter zet je het volgende in je eigen stylesheet:
body { padding-top: 40px; }
@media screen and (max-width: 979px) {
body { padding-top: 0px; }
}
En kan je het gewoon weglaten:
<!-- Twitter Boostrap --> <link href="css/bootstrap.css" rel="stylesheet"> <link href="css/bootstrap-responsive.css" rel="stylesheet"> <!-- Eigen CSS --> <link href="css/main.css" rel="stylesheet">
