Центрирование навигации в Twitter Bootstrap

Я хочу иметь возможность центрировать навигацию в мертвой середине страницы и чтобы она оставалась центрированной в разных разрешениях. . Я не хочу использовать смещения, чтобы передвинуть его или отступить влево, так как это просто испортит его в браузерах разной ширины. Это типичная полоса, с которой я возился, но ul всегда оказывается выровненным по левому краю.

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