Ich möchte in der Lage sein, das Navi in ​​der Mitte einer Seite zu zentrieren und es in verschiedenen Auflösungen zentriert zu lassen. Ich möchte keine Offsets verwenden, um es nach oben oder unten zu schieben, da dies nur zu Problemen in verschiedenen Browserbreiten führen würde. Dies ist die typische Bar, mit der ich herumspiele, aber die ul dreht sich immer linksbündig.

     <div class="navbar navbar-fixed-top">
      <div class="navbar-inner">
           <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-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="#">Menu</a></li>
                          <li><a href="#">On Tap</a></li>
                          <li><a href="#">Shows</a></li>
                          <li><a href="#">Surfwear</a></li>
                          <li><a href="#" >Contact</a></li>
                     </ul>
                </div><!--/.nav-collapse -->
           </div><!-- container -->
      </div><!-- navbar-inner -->
 </div><!--  navbar navbar-fixed-top -->