0

ブートストラップナビゲーションバーに非常に単純なリンクのリストがあります:

<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/

どうすれば中央に配置できますか?

4

1 に答える 1

2

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

フィドル

于 2013-07-11T15:18:03.733 に答える