2013-04-13 204 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