html - 中心引导导航栏

Question

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

<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; }

小提琴