2013-04-13 240 views
7

我从引导栏使用导航栏,但是无论何时点击其中一个页面标题,导航栏都不会突出显示它以显示我在该页面上。例如,如果我的主页上,然后导航栏看起来是这样的:
enter image description hereBootstrap导航栏有效

但是,如果我点击About,我去关于页,但导航栏仍然是这样的:
enter image description here

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

回答

6

阅读documentation。您需要将class="active"应用于要激活的li元素。它不会自动处理。无论你认为合适,你需要实施它。

它可能是JQuery解决方案或服务器端解决方案。根据您网站的构建方式,任何一个都可能更合适。

+0

然后我猜我需要做一些jQuery的工作,然后一个解决方案? – Richard

+0

请从一个好的设计和编码的角度看更新的答案 – Dmitry

+0

,哪个更好?做一个jQuery或PHP解决方案?感谢您的帮助 – Richard

3

我使用MVC4,剃刀和引导,最终利用coderwall.com(https://coderwall.com/p/hwtkng

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

好的提示。我可能会补充说,如果你像我一样,需要检查操作而不是控制器,下面的代码片段会执行:'

  • @ Html.ActionLink(“Home”,“Index”,“Home”)
  • @ Html.ActionLink(“关于我们”,“关于”,“家”)
  • ' – Mackan