Botones activos con Bootstrap 3

En mi barra de navegación, quiero que mis botones se activen (sombreen) cuando hago clic en ellos. En este momento, solo puedo activarlos de manera permanente o no activa, pero no sé cómo hacer que cambien una vez que hago clic en ellos. Estoy usando el nuevo Bootstrap (3.0).

Por ejemplo:

Inactivo

  • Activo

      
  • Quiero que sea activo / no activo dependiendo de si la página actual está seleccionada o no.

    Use JavaScript

    Ejemplo con jQuery:

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

    MANIFESTACIÓN

    O con más bootstrap:

    Bootstrap 3 DEMO

    ¿Has visto la gem de navegación simple?

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

    Tiene esta funcionalidad incorporada.

    si está utilizando el arranque, puede escribir data-toggle = “menú desplegable”, por ejemplo, Inicio