Bootstrap horizontal scrollable tab bar

Question

I am creating an app in Bootstrap 3 with a tab bar. I am dynamically adding and removing tabs. This all works great, what I would like to do though is to have the tab bar be

Answer 1

Here is an example:

(Not working in snippet for some reason, so here is a link to Bootply : http://www.bootply.com/oROUAMwsG1)

.nav-tabs {
  overflow-x: auto;
  overflow-y: hidden;
  display: -webkit-box;
  display: -moz-box;
}
.nav-tabs>li {
  float: none;
}

 

  

    

      

        
Section 1
        
        
Section 2
        
        
Section 3
        
        
Section 4
        
        
Section 5
        
        
Section 6
        
        
Section 7
        
      
      

        

          
I'm in Section 1.
        
        

          
I'm in Section 2.