Basta ya de investigar por otras páginas ya que estás al lugar perfecto, poseemos la respuesta que necesitas y sin problemas.
Solución:
Si quisiera hacer esto sin JavaScript, simplemente podría agregar el destino de datos y el cambio de datos a cada elemento de la lista, así:
Option 1
Option 2
Option 3
Para la barra de navegación, esto realmente solo funciona en el modo de vista móvil cuando hay un botón de alternar. Suceden cosas extrañas cuando la barra de navegación está expuesta (el botón de alternar no se muestra).
Cambia esto:
$(document).ready(function ()
$("#navbar li a").click(function(event)
// check if window is small enough so dropdown is created
$("#navbar-toggle").is(":visible")
$("#nav-collapse").toggle();
);
);
a esto:
$(document).ready(function ()
$("#navbar li a").click(function(event)
// check if window is small enough so dropdown is created
$("#nav-collapse").removeClass("in").addClass("collapse");
);
);
Ver http://jsfiddle.net/fw7vh/4/
No sé por qué hacer clic/tocar un elemento de menú en un menú desplegable en una barra de navegación colapsada no alterna automáticamente el menú en Bootstrap. Puede haber una forma más elegante de hacer esto, pero así es como lo arreglé (usando Bootstrap 3.0.3):
Link
Link
Básicamente, hay dos versiones del enlace, una que aparece cada vez que se muestra el menú de alternancia (en anchos de navegador <768px) that will toggle the navbar menu, and one that doesn't collapse it (browser widths >768px). Si no agrega ese segundo tipo, mostrará una extraña barra de desplazamiento horizontal fantasma animada cuando intente alternar el menú cuando no esté allí.
Comentarios y valoraciones
Tienes la opción de ayudar nuestra labor ejecutando un comentario y valorándolo te lo agradecemos.