html - 中心 Bootstrap 导航栏

Question

我在 bootstrap 导航栏中有非常简单的链接列表:

<div class="navbar">
    <ul class="nav">
        <li><a href="">Link1</a></li>
        <li><a href="">Link2</a></li>
        <li><a href="">Link3</a></li>
    </ul>
</div>

但是那个列表是左对齐的，我需要它居中，我试过添加内联样式

style="text-align:center"

但这并没有帮助。

例子: http://jsfiddle.net/NdsaU/

我怎样才能使它居中？

Answer 1

HTML

<div class="navbar">
   <div class="container">
       <ul class="nav">
           <li><a href="">Link1</a></li>
           <li><a href="">Link2</a></li>
           <li><a href="">Link3</a></li>
       </ul>
    </div>
</div>

CSS

.navbar { text-align:center; }
.navbar .nav { display:inline-block; float:none; }

Fiddle