Wyśrodkuj nawigację w pasku Bootstrap Twittera

Chcę móc wyśrodkować nav martwy środek strony i pozostawić ją wyśrodkowaną w różnych rozdzielczościach. Nie chcę używać offsetu, aby go przesuwać, ani marginesu w lewo, ponieważ byłoby to po prostu przykręcanie w różnych szerokościach przeglądarki. Jest to typowy pasek, z którym się bawię, ale ul zawsze kręci się w lewo.

     <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