Bootstrap——导航居中

这是采用了栅格，设置缩进，使看起来居中，但是手机浏览会靠到最左边。另外center-block类好像也不管用。

<div class="row">
            <ul class="nav nav-pills col-md-offset-4">
                <li class="active"><a href="">主页</a></li>
                <li><a href="#">主页</a></li>
                <li><a href="#">主页</a></li>
                <li class="dropdown">
                    <a data-toggle="dropdown" href="#">主页<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="">123</a></li>
                        <li><a href="">123</a></li>
                        <li><a href="">123</a></li>
                    </ul>
                </li>
            </ul>
        </div>