Question

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

1.bootstrap 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">

bootstrap nav选项卡未突出显示活动选项卡

2 个答案: