How to center a fixed top Navbar in bootstrap 4

Question

I am trying to center a fixed top navbar in Bootstrap 4 apla 6 but it is not centering it, but instead fills the top in full. How can I make it centered whi

Answer 1

Edit: I see that the original answer here is the right one for the asked question - which works for when you want your navbar background to be 'contained/centered' too. However, if you want your navbar background to take full width, my way is the way to go.

---

Adding .container to the

element will create a new problem: the

background will stop occupying full width. Which is usually not the desired behavior.

To get around this, simply nest all the contents of the element in a .container .As follows:

  

        

            
                
            
            Brand
            

                

                    

                        Link
                    
                    

                        Link
                    
                
                

                    

                        Link