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

.nav.navbar-nav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

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

    

    

      

        

          
Home
          
About
          
Help