How to justify navbar-nav in Bootstrap 3

Question

I\'m attempting to justify a navbar (make the navbar contents stretch) in Bootstrap 3. I\'ve added margin: 0 auto; max-width: 1000px; to the nav* c

Answer 1

You can justify the navbar contents by using:

@media (min-width: 768px){
  .navbar-nav{
     margin: 0 auto;
     display: table;
     table-layout: fixed;
     float: none;
  }
}  

See this live: http://jsfiddle.net/panchroma/2fntE/

Good luck!