How can I center Twitter-Bootstrap 3 navbar links?

Question

How can I center the buttons in the jsFiddle I set up so that the buttons are equally spaced and centered within and through-out the navbar?

http://jsfiddle.net/3GQy

Answer 1

Add the style

.nav{
    text-align: center;
}

This will center the text in li.

Check Fiddle

These styles should be sufficient. You were trying to apply styles to to the wrong element.

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