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

I know this is an old post but I would like share my solution. I spent several hours trying to make a justified navigation menu. You do not really need to modify anything in bootstrap css. Just need to add the correct class in the html.

   

        

            
                Toggle navigation
                
                
                
            
            Brand Name
        
        

            

                
About Me
                
Skills
                
Projects
                
Contact Me
            
        
    

This CSS code will simply remove the navbar-brand class when the screen reaches 768px.

media@(min-width: 768px){
   .navbar-brand{
        display: none;
    }
}