引导导航选项卡未突出显示活动选项卡

Question

我正在使用asp.net mvc Web应用程序，正在使用以下内容：

1.引导v2.0.4。

2.jQuery 1.11.2。

在视图内部，我提供了以下导航标签：-

<ul class="nav nav-tabs" id="myTab">


    <li >@Ajax.ActionLink("Show Related Servers", "CustomerServer","Customer",
    new {customerID = Model.AccountDefinition.ORG_ID},
    new AjaxOptions {
 InsertionMode = InsertionMode.Replace,
 UpdateTargetId = "detail"  ,
 LoadingElementId = "progress",

 OnSuccess="detailsuccess",



}
)</li>

    <li >@Ajax.ActionLink("Show Related VMs", "CustomerVM","Customer",
    new {customerID = Model.AccountDefinition.ORG_ID},
    new AjaxOptions {
 InsertionMode = InsertionMode.Replace,
 UpdateTargetId = "detail"  ,
 LoadingElementId = "progress",
  OnSuccess="detailsuccess"


}
)</li>

当用户单击它时，每个Ajax.Actionlink都会呈现一个局部视图。 当前，当我将鼠标移到选项卡上时，选项卡的背景颜色会改变，但是如果我单击某个选项卡并且呈现了部分视图，则活动选项卡将不会突出显示。

我正在引用以下CSS文件：-

<link id="bs-css" href="~/Content/css/bootstrap-cerulean.css" rel="stylesheet">
<link href='~/Content/css/opa-icons.css' rel='stylesheet'>
<link href="~/Content/css/bootstrap-responsive.css" rel="stylesheet">
<link href="~/Content/start/jquery-ui-1.10.3.custom.min.css" rel="stylesheet" />

和以下脚本（在与courde的jQuery js兼容的情况下）：

<script src="~/Scripts/js/bootstrap-tab.js"></script>

Answer 1

活动标签需要

class="active"

类

Answer 2

如果要突出显示活动类，则需要将其添加到li元素中。
例：

<li class="active">