如何在Twitter Bootstrap MVC4中使用导航路径突出显示活动选项卡

时间:2013-09-24 18:26:48

标签: twitter-bootstrap asp.net-mvc-routing

我的问题是如何使用基于路径的菜单系统和Twitter Bootstrap for MVC4突出显示活动选项卡。如果父选项卡包含子路由,则在选择子路由时,应突出显示相应的父选项卡。请考虑以下示例代码并感谢您的帮助。

以下是我的RouteConfig的一个例子:

    routes.MapNavigationRoute<DashController>("Parent 1", c => c.Index(), "", true);

    routes.MapNavigationRoute<MainController>("Parent 2", c => c.Index())
                    .AddChildRoute<MainController>("Child 1", c => c.do_something(), "", true)
                    .AddChildRoute<MainController>("Child 2", c => c.do_something_else(), "", true)
;

以下是我的_Layout共享视图中的示例:

<div class="nav-collapse collapse">
                        <ul class="nav"> 
                            @Html.Navigation()
                        </ul>
</div>

1 个答案:

答案 0 :(得分:0)

TwitterBootstrapMVC中,有一种方法可以使用扩展方法在Nav中设置活动链接:.SetLinksActiveByController().SetLinksActiveByControllerAndAction()