Centrar la navegación en Twitter Bootstrap

Quiero poder centrar la navegación en la mitad de una página y mantenerla centrada en diferentes resoluciones. No quiero usar las compensaciones para empujarlo o dejarlo en el margen izquierdo, ya que esto solo lo estropearía en diferentes anchos de navegador. Esta es la barra típica con la que estoy jugando, pero la ul siempre termina alineada a la izquierda.

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

Respuestas a la pregunta(8)

Su respuesta a la pregunta