Bootstrap Nav Bar Active

Uso la barra di navigazione da bootstrap tuttavia ogni volta che clicco su uno dei titoli di pagina, la barra di navigazione non lo evidenzia per mostrare che sono su quella pagina. Ad esempio, se sono sulla home page poi la barra di navigazione si presenta così:
enter image description here Bootstrap Nav Bar Active

Tuttavia, se clicco su About, vado al proposito di pagina, ma la barra di navigazione sembra ancora in questo modo:
enter image description here

Come faccio a evidenziare la pagina attiva? Grazie

fonte

2013-04-13 Richard

Leggi documentation. È necessario applicare class="active" all'elemento li che si desidera essere attivo. Non viene gestito automaticamente. Devi implementarlo come ritieni opportuno.

Potrebbe essere una soluzione JQuery o una soluzione lato server. O uno potrebbe essere più o meno appropriato a seconda del modo in cui è costruito il tuo sito web.

fonte

2013-04-13 22:09:47 Dmitry

quindi sto cercando di indovinare ho bisogno di fare un po 'di lavoro jquery allora? – Richard

si prega di vedere la risposta aggiornata – Dmitry

da un buon punto di vista di progettazione e codifica, che è meglio? Fare una soluzione jquery o php? Grazie per aiutare la soluzione laterale – Richard

sto usando MVC4, Razor e Bootstrap e si è conclusa con una soluzione da coderwall.com (https://coderwall.com/p/hwtkng)

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

fonte

2013-07-09 11:01:40 fanvabra

Buon consiglio. Mi permetto di aggiungere che se, come me, bisogno di controllare l'azione invece di controllore del frammento di seguito farà: '

@ Html.ActionLink ("Home", "Indice", "Home")

@ Html.ActionLink ("Chi siamo", "About", "Home")

' – Mackan

Bootstrap Nav Bar Active

risposta

Problemi correlati