bootstrap导航栏居中

Question

http://horizon-robotics.com/index_cn.html
用bootstrap框架，写一个导航栏，想像上面的网站那样居中，但是无论怎么叠加css都无法设置居中，看了一下是navbar-nav这个样式.navbar-nav>li{float:left}，具体可以看bootstrap.min.css里的，我不知道怎么改了，请教大神。我的代码是这样的

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation" style="text-align: center">
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="#">首页</a></li>
<span style="color: white">test</span>
</ul>
</div>

</nav>

Answer 1

123456789<div&nbsp;class="navbar&nbsp;navbar-default">&nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;style="width:200px;&nbsp;margin:0&nbsp;auto;"><!--宽度设置你的内容的宽度-->&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<ul&nbsp;class="nav&nbsp;navbar-nav">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li><a&nbsp;href="#">文字1</a></li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li><a&nbsp;href="#">文字2</a></li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li><a&nbsp;href="#">文字3</a></li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</ul>&nbsp;&nbsp;&nbsp;&nbsp;</div></div>&nbsp;