Try changing the display value of .navbar-nav
to inline-block and then applying text-align
on its parent to control alignment.
If you need to change the mobile view alignment you can re-apply text-align
at that breakpoint.
.navbar-nav {
display: inline-block;
}
.navbar-default {
text-align: center;
}
Example: http://jsfiddle.net/hwhS5/2/