css - 要素を中央に配置、ナビゲーション

Question

初めて Bootstrap でレスポンシブ デザインを作成します。nav 要素をセットアップするだけです。

しかし、ここに私の問題があります: ナビゲーション コンテナがページの中心に来ていません。

1.jpg をご覧ください。これまでのところです。欲しい 2.jpg を見てください![これまでのところ][1]

私が自分のラッパーをそのように使用すると、.mainContainer私が望むものになります。しかし、ブートストラップcssを介して目的の結果を達成できるかどうか知りたいですか?

text-align center など、いくつかの方法を試しました... ![これが欲しい][2]

これが私のコードです：

<div class="container-fluid">   
    <div class="row-fluid">
        <nav>            
            <div class="navbar-inner" >        
                <ul class="nav nav-pills">
                    <li class="active"><a href="#">Home</a></li>
                    <li><a href="#">About Us</a></li>
                    <li><a href="#">Blog</a></li>
                    <li><a href="#">Workshops</a></li>
                    <li><a href="#">Entertainment</a></li>
                    <li><a href="#">Contact Us</a></li>      
                </ul>
            </div>
        </nav>
    </div>  
</div>

オフセットスパンも試しましたが、欲しいものが得られませんでした。良いクラスを使用しているが、を使用.containerしてこれをやりたかった場合.container-fluid。この問題を解決する方法を教えてください。