Twitter Bootstrap - barra de navegação superior que bloqueia o conteúdo principal da página
Eu tenho esse código do Twitter Bootstrap
<div class='navbar navbar-fixed-top'>
<div class='navbar-inner'>
<div class='container'>
<a class='btn btn-navbar' data-target='.nav-collapse' data-toggle='collapse'>
<span class='icon-bar'></span>
<span class='icon-bar'></span>
<span class='icon-bar'></span>
</a>
<div class='nav-collapse'>
<ul class='nav'>
<li class='active'>
<a href='some_url'>My Home</a>
</li>
<li>
<a href='some_url'>Option 1 </a>
</li>
<li>
<a href='some_url'>Another option</a>
</li>
<li>
<a href='some_url'>Another option</a>
</li>
</ul>
</div>
</div>
</div>
</div>
Mas quando vejo o início da página, a barra de navegação está bloqueando parte do conteúdo que está próximo ao topo da página. Alguma idéia de como diminuir o restante do conteúdo quando a parte superior da página é visualizada, para que o conteúdo não seja bloqueado pela barra de navegação?