html - Bootstrap 导航栏活动

Question

我正在使用引导程序中的导航栏，但是每当我单击其中一个页面标题时，导航栏都不会突出显示它以显示我在该页面上。例如，如果我在主页上，则导航栏如下所示：

但是，如果我单击About，我会转到 About 页面，但导航栏仍然如下所示：

如何让它突出显示它所在的页面？谢谢

Answer 1

阅读文档。您需要应用到要激活class="active"的元素。li它不会自动处理。您需要以您认为合适的方式实施它。

它可以是 JQuery 解决方案或服务器端解决方案。根据您网站的构建方式，任何一种都可能或多或少合适。

Answer 2

我正在使用 MVC4、Razor 和 Bootstrap，最终使用了 coderwall.com ( https://coderwall.com/p/hwtkng ) 的解决方案

<li @if (@ViewContext.RouteData.GetRequiredString("controller") == "Home") { @Html.AttributeEncode("class=active");}>
                        @Html.ActionLink("Home", "Index", "Home")
                    </li>