Centralize a navegação no Twitter Bootstrap

Eu quero ser capaz de centralizar o meio morto de navegação de uma página e mantê-lo centralizado em diferentes resoluções. Eu não quero usar deslocamentos para empurrá-lo ou margem esquerda como isso seria estragar tudo em larguras diferentes do navegador. Este é o bar típico com o qual estou brincando, mas o ul sempre termina alinhado à esquerda.

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

questionAnswers(8)

yourAnswerToTheQuestion