Aktywne przyciski z Bootstrap 3

Question

W moim navbadzie chcę, aby moje przyciski stały się aktywne (zacienione), gdy je kliknę. Obecnie mogę tylko na stałe uczynić je aktywnymi lub nieaktywnymi, ale nie wiem, jak je zmienić po ich kliknięciu. Używam nowego Bootstrap (3.0).

Na przykład:

nieaktywnym

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

Aktywny

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

chcę być aktywna/nieaktywna w zależności od tego, czy bieżąca strona jest wybrane lub nie.

Answer 1

Użyj JavaScript.

Przykład z jQuery:

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

DEMO

lub z więcej bootstrap:

Bootstrap 3 DEMO

Answer 2

Czy loooked na gem prosty nawigacji?

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

To ta funkcjonalność wbudowany.

Answer 3

jeśli używasz bootstrap można zapisywać dane-przełączanie = "rozwijanej" np Home