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

 


  
    Toggle navigation
    
    
    
  


  

    
Home
    
About
    
Contact
  
  

and for the css

@media ( min-width: 768px ) { 
    .navbar > .container {
        text-align: center;
    }
    .navbar-header,.navbar-brand,.navbar .navbar-nav,.navbar .navbar-nav > li {
        float: none;
        display: inline-block;
    }
    .collapse.navbar-collapse {
        width: auto;
        clear: none;
    }
}

see it live http://www.bootply.com/103172