How do I center the twitter bootstrap tabs on the page?

Question

I\'m using twitter bootstrap to create togglable tabs. Here is the css I\'m using:

  

    &         


        
      

Answer 1

if you use bs4 simply you can add justify-content-center class to your nav-tabs to center it on page. if you want your tabs to be justified (full-with) add nav-justified class to it, in this case if you have 3 items in your nav each of them has 33% with. if 5 items is there each one have 20% with.

another way is simply to add text-center if you are use bs3 .