Twitter-Bootstrap 3 navbarのリンクはどのようにすることができますか？

Question

は、どのように私はボタンが等間隔となるように設定し、内とナビゲーションバー-を介して中心jsFiddleのボタンを中央にすることができますか？

http://jsfiddle.net/3GQyq/3/

私は、このような

display:inline-block;margin:0 auto; text-align:center; 

など、さまざまな方法を試してみました。しかし、私はそれを動作させることはできません。

あなたは少し説明を与える代わりに、私はので、私はここに戻ってくる必要はありません勉強したいとちょうどCSSを固定することができれば。

EDIT：

ちょうど彼らがここに集中しているかのような^。

Answer 1

ブートストラップ3には、この目的で新しいnav-justifiedクラスがあります。余分なCSSは必要ありません：

<div class="container"> 
    <h3 class="text-muted">Project name</h3> 
    <ul class="nav nav-justified"> 
    <li class="active"><a href="#">Home</a></li> 
    <li><a href="#">Projects</a></li> 
    <li><a href="#">Services</a></li> 
    <li><a href="#">Downloads</a></li> 
    <li><a href="#">About</a></li> 
    <li><a href="#">Contact</a></li> 
    </ul> 
</div> 

デモ：

http://bootply.com/72519をも参照してください：Bootstrap NavBar with left, center and right aligned items

Answer 2

これは、Liのテキストを中心に説明する

.nav{ 
    text-align: center; 
} 

スタイルを追加します。

Check Fiddle

これらのスタイルは十分なはずです。間違った要素にスタイルを適用しようとしていました。

// This is being applied by the bootstrap 
// Set it to 25px instead of the default 15px 
.navbar{ 
    padding : 0 25px; 
} 

// Gave a width of 110px for each li 
// as the container is following a fixed width format 
li{ 
    width:110px; 
}