css - Twitter-Bootstrap 3 navbar リンクを中央に配置するにはどうすればよいですか?

Question

ボタンがnavbar内およびnavbar全体にわたって等間隔で中央に配置されるように、設定したjsFiddleのボタンを中央に配置するにはどうすればよいですか?

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

など、さまざまな方法を試しました。

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

しかし、私はそれを機能させることができません。

私が学びたいのでCSSを修正するだけでなく、少し説明していただければ、ここに戻ってくる必要はありません.

編集：

それらがここに集中しているのと同じように ^。

Answer 1

スタイルを追加

.nav{
    text-align: center;
}

これにより、テキストが li の中央に配置されます。

フィドルをチェック

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

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