在newvar twitter bootstrap中心的中心菜单导航栏项目

Question

这就是我所拥有的。如何将这3个导航栏项目置于页面中心而不会在移动视图中弄乱所有内容？感谢。

任何CSS技巧？

  <div class ="container" id = "main">
      <div class="navbar navbar-fixed-top">
          <div class="container">

                <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
                <button class="navbar-toggle" data-target=".navbar-responsive-collapse"       
          data-toggle="collapse" type="button">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>

                </button>                                     

                <div class="nav-collapse collapse navbar-responsive-collapse">
                    <ul class="nav navbar-nav">
                        <li class="active">
                    <a href="#"> About us </a>
                        </li>

                         <li class="dropdown">
                            <a href="#" class="dropdown-toggle" 
     data-toggle="dropdown">Services <strong class="caret"></strong></a>
                            <li>

                                <ul class="nav navbar-nav">
                        <li class="active">
                    <a href="#"> Contact </a>
                        </li>

                </div><!-- end nav-collapse -->

            </div><!-- end container -->
        </div><!-- end navbar -->