Bootstrap 3: How to make a centered navbar

Question

I\'ve seen some hacks for Bootstrap <=2 but I\'m using v3 and I want to make a horizontal row of links that are centered within the row/container. Here\'s my markup:

Answer 1

This should be exactly what you are looking for.

Here is a jsFiddle Demo

If you want this as a fixed-footer, just add navbar-fixed-bottom class to the

element.

HTML

   

      
         Toggle navigation
         
         
         
      
   

   

      

         
Link
         
Link
         
Link
      
  

CSS

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