Twitter Bootstrap tabs not working: when I click on them nothing happens

Question

I am trying to implement Twitter Bootstrap tabs in the following code, but it does not seem to work. The tabs get displayed, but when I click on them nothing happens. Below

Answer 1

You need to add tabs plugin to your code

Well, it didn't work. I made some tests and it started working when:

1. moved (updated to 1.7) jQuery script to section
2. added data-toggle="tab" to links and id for
   tab element
   • changed $(".tabs").tabs(); to $("#tabs").tab();
   • and some other things that shouldn't matter

Here's a code

    

        
Red
        
Orange
        
Yellow
        
Green
        
Blue
    
    

        

            
Red
            
red red red red red red
        
        

            
Orange
            
orange orange orange orange orange
        
        

            
Yellow
            
yellow yellow yellow yellow yellow
        
        

            
Green
            
green green green green green
        
        

            
Blue
            
blue blue blue blue blue