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

1 2 3 4 5 6 7 8 9

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