Ich habe diesen Twitter-Bootstrap-Code

<code>  <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>
</code>

Wenn ich jedoch den Anfang der Seite ansehe, blockiert die Navigationsleiste einen Teil des Inhalts, der sich am oberen Rand der Seite befindet. Haben Sie eine Idee, wie Sie den Rest des Inhalts nach unten verschieben können, wenn der obere Rand der Seite angezeigt wird, damit der Inhalt nicht von der Navigationsleiste blockiert wird?