Wie kann ich Twitter-Bootstrap 3-Navigationslinks zentrieren?

Wie kann ich die Schaltflächen in der von mir eingerichteten jsFiddle-Funktion so zentrieren, dass die Schaltflächen innerhalb und außerhalb der Navigationsleiste gleichmäßig verteilt und zentriert sind?

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

Ich habe verschiedene Methoden ausprobiert wie

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

Aber ich kann es nicht zum Laufen bringen.

Wenn Sie eine kleine Erklärung geben könnten, anstatt nur das CSS zu korrigieren, wie ich es lernen möchte, dann muss ich nicht immer wieder hierher zurückkehren.

BEARBEITEN:

 Genau so, wie sie hier zentriert sind ^.

Antworten auf die Frage(2)

Ihre Antwort auf die Frage