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 just fixed this issue by adding data-toggle="tab" element in anchor tag

  


   

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

and added the following in head section http://code.jquery.com/jquery-1.7.1.js'>