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

i had the same problem until i downloaded bootstrap-tab.js and included it in my script, download from here https://code.google.com/p/fusionleaf/source/browse/webroot/fusionleaf/com/www/inc/bootstrap/js/bootstrap-tab.js?r=82aacd63ee1f7f9a15ead3574fe2c3f45b5c1027

include the bootsrap-tab.js in the just below the jquery

Final Code Looked like this:

 














    

        
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