javascript - bootstrap nav tab is not highlighting the active tab -

I am working on an asp.net mvc web application, I am using the following: -

1.bootstrap v2.0.4

2.jQuery 1.11.2

Inside the view I have the following nav tab proivde: - ..

  & lt; Ul class = "nav nav-tabs" id = "myTab" & gt; & Lt; Li & gt; @ Ajax.ActionLink ("Show related server", "CustomerServer", "Customer", New {Customer ID = Model.AccountDefinition.ORG_ID}, New AjaxOptions {InsertionMode = InsertionMode.Replace, UpdateTargetId = "Extension", LoadingElementId = "Progress ", Onsput =" description ",}) & lt; / Li & gt; & Lt; Li & gt; @ Ajax.ActionLink ("Affiliates Show VMs", "CustomerVM", "Customer", New {Customer ID = Model.AccountDefinition.ORG_ID}, New AjaxOptions {InsertionMode = InsertionMode.Replace, UpdateTargetId = "Extension", Loading ElementID = "Progress ", Onsput =" description "}) & lt; / Li & gt;  

Where every Ajax The External Link will provide partial views when the user clicks on it. Currently, when I move a mouse over a tab, the tab background color will change, but if I click on a tab and partial view is provided, the active tab will not be highlighted.

The following CSS files I am referring to are: -

  & lt; Link id = "bs css" href = "~ / content / css / bootstrap-cerulean.css" rel = "stylesheet" & gt; & Lt; Link href = '~ / content / css / opa-icons.css' rel = 'stylesheet' & gt; & Lt; Link href = "~ / content / css / bootstrap-responsive.css" rel = "stylesheet" & gt; & Lt; Link href = "~ / content / start / jquery-ui-1.10.3.custom.min.css" rel = "stylesheet" />  

and the following script (in a ddtion to cours jQuery js): -

  & lt; Script src = "~ / script / js / bootstrap-tab.js" & gt; & Lt; / Script & gt;  

active tab

  class = "active " 

class