Pulsanti attivi con Bootstrap 3

Question

Nella mia barra di navigazione, voglio che i miei pulsanti diventino attivi (ombreggiati) quando faccio clic su di essi. Al momento, posso renderli permanentemente attivi o non attivi, ma non so come cambiarlo quando clicco su di essi. Sto usando il nuovo Bootstrap (3.0).

Ad esempio:

non attivo

<li><%= link_to "Contact", contact_path %></li> 

attivo

<li class="active"><%= link_to "About", about_path %></li> 

io voglio che sia attiva/non attiva a seconda se la pagina corrente è selezionato o no.

Answer 1

Utilizzare JavaScript.

Esempio con jQuery:

$('ul li').click(function() { 
    $(this).addClass('active').siblings().removeClass('active'); 
    }); 

DEMO

o con più di bootstrap:

Bootstrap 3 DEMO

Answer 2

Avete loooked presso la gemma semplice la navigazione?

https://github.com/andi/simple-navigation

E 'questa funzionalità incorporata.

Answer 3

se si utilizza bootstrap è possibile scrivere i dati ginocchiera = "discesa", per esempio casa