Bootstrap 3.0导航栏居中

Question

我正在将我的项目从Bootstrap 2.3.2迁移到Bootstrap 3。

我无法像以前那样居中导航栏链接。 我之前使用了这种方法：Center bootstrap's brand and list items，但对于我的新导航栏不起作用。

下面的链接是一个jsfiddle，直接使用bootstraps示例之一（带有粘性页脚和导航栏）

请问有人能帮助我居中这些链接吗？

http://jsfiddle.net/brainbolt/52VtD/4/

HTML

<div class="navbar navbar-default navbar-fixed-top center">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span>
 <span class="icon-bar"></span>
 <span class="icon-bar"></span>

            </button>
        </div>
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
                <li><a href="#about">About</a>
                </li>
                <li><a href="#services">Services & Promos</a>
                </li>
                <li><a href="#contact">Contact</a>
                </li>
            </ul>
        </div>
        <!--/.nav-collapse -->
    </div>
</div>

CSS

 .navbar-default > .container { text-align: center } 

谢谢！

- vpoola88

---

这里可以找到很好的信息：https://dev59.com/r2Ij5IYBdhLWcg3wpmsH - tadasajon

Answer 1

请参考此网站，将您的bootstrap 2.3.2代码粘贴到此处，并点击显示2.x>3的按钮。

这将自动将您的代码迁移到3.0版本。

或者

请参考此处，获取有关迁移的bootstrap文档。

希望这可以帮助您。

- Chirag B

---

所以我尝试了这个，但是CSS没有改变。并且在使用相同的HTML时，导航的类别会改变并且不居中。我在指定导航时是否漏掉了什么代码？ - vpoola88