Full width tabs using Bootstrap (Support IE)

Question

I\'m trying to adjust Bootstrap tabs to make them span the full width of their container. Here\'s my code (a minimal working example):

<         


        

Answer 1

Update 2019 - Bootstrap 4

For future readers, it's now very simple to get full-width Tabs using the nav-fill class. This works on all modern browsers including IE 11+...

To get full width tabs, use (sized by tab content):

  

      
Home
      
Profile
      
Messages
  

Demo

To get full equal width tabs, use nav-justified:

     
...