Two navbars below the other one with bootstrap

yettaclark

New Member
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.(Stackoverflow doesn't want to let me post pictures, but I think it's much more easier if you can see what I mean: http://www.abload.de/img/asdjraik.png)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. 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:\[code\].small-margin { margin-top: 20px;} .big-margin { margin-top: 110px;}\[/code\]My HTML looks like this:\[code\] <div class="navbar small-margin"> <div class="navbar-inner"> <div class="pull-right"> <ul class="nav"> <li><a href="http://stackoverflow.com/questions/15909860/#">link 1</a></li> <li><a href="http://stackoverflow.com/questions/15909860/#">link 2</a></li> </ul> </div> </div> </div> <div class="clear"></div> <div class="navbar big-margin"> <div class="navbar-inner"> <div class="pull-right"> <ul class="nav"> <li><a href="http://stackoverflow.com/questions/15909860/#">another link 1</a></li> <li><a href="http://stackoverflow.com/questions/15909860/#">another link 2</a></li> </ul> </div> </div> </div>\[/code\]The second navbar appears on the left side of the first navbar and not below it. I tried a lot of CSS-fixes. Anyone have a idea how to get the 2nd navbar below the first?Thanks in advance!
 
Back
Top