Question

我在bootstrap navbar中有非常简单的链接列表：

<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

中心引导导航栏

1 个答案: