Bootstrap Nav Bar Active

Question

我正在使用bootstrap中的导航栏但是每当我点击其中一个页面标题时，导航栏都不会突出显示它以显示我在该页面上。例如，如果我在主页上，则导航栏看起来像这样：

但是，如果我点击About，我会转到“关于”页面，但导航栏仍然如下所示：

如何突出显示页面？感谢

Answer 1

阅读documentation。您需要将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>