title: Two navbars below the other one with bootstrap
body: <p>I'm starting with Bootstrap and have a small problem with the navbar-element. I need to declare a container with the width of 1024px and have to add two navbars. On at the top and the other one below it. Both navbars need a distance from the right div of 0px.</p>
  
  <p>(Stackoverflow doesn't want to let me post pictures, but I think it's much more easier if you can see what I mean: <a href="http://www.abload.de/img/asdjraik.png" rel="nofollow">http://www.abload.de/img/asdjraik.png</a>)</p>
  
  <p>As you can see the first navbar is working correctly, but now I need another one below it. Padding from the container under it should be exactly 5px. </p>
  
  <p>My problem is, that the other navbar gains the same padding from the top as the first navbar. I can't get it below the other one. When I define the following classes for this problem another one comes up:</p>
  
  <pre><code>.small-margin {
      margin-top: 20px;
  }    
  
  .big-margin {
      margin-top: 110px;
  }
  </code></pre>
  
  <p>My HTML looks like this:</p>
  
  <pre><code>    &lt;div class="navbar small-margin"&gt;
          &lt;div class="navbar-inner"&gt;
              &lt;div class="pull-right"&gt;
                  &lt;ul class="nav"&gt;
                      &lt;li&gt;&lt;a href="#"&gt;link 1&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;link 2&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="clear"&gt;&lt;/div&gt;
      &lt;div class="navbar big-margin"&gt;
          &lt;div class="navbar-inner"&gt;
              &lt;div class="pull-right"&gt;
                  &lt;ul class="nav"&gt;
                      &lt;li&gt;&lt;a href="#"&gt;another link 1&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&gt;another link 2&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>The second navbar appears on the left side of the first navbar and not below it. I tried a lot of CSS-fixes. </p>
  
  <p>Anyone have a idea how to get the 2nd navbar below the first?</p>
  
  <p>Thanks in advance!</p>