El componente de colapso de Bootstrap no cierra el menú al hacer clic

Cuando hago clic fuera, el menú no se oculta, encontré este código en: http://getbootstrap.com/components/#navbar pero no funciona como debería.

 

Sí, tengo: las bibliotecas adecuadas instaladas: Bootstrap v3.0.3. No hay errores de javascript, y el código HTML es válido.

Pasos para reproducirse: descargue el paquete zip bootstrap 3.0.3, cree un archivo index.html, inserte las cosas de css y js para bootstrap. Ingrese el código anterior, y no se cierra cuando hace clic o lo toca.

Entonces, ¿el código pretende ocultar el menú o no?

Esto debería hacer

  

Esta es la esencia de referencia

https://gist.github.com/winnyboy5/8750551

Tuve el mismo problema y la solución fue asegurarme de que bootstrap.js no se referenciara más de una vez. Lo tuve cargado dos veces en mi página y este problema descrito prestado.

   

¡No lo cargue más de una vez!

Lo anterior muestra un comportamiento extraño para mí donde a veces aparece una barra de desplazamiento en el navegador. Eso podría ser de algún css de fantasía, pero el de abajo lo arregló para mí.

 $(document).on('click',function(e){ if($('#bs-example-navbar-collapse-1').hasClass('in')){ $('.collapse').collapse('hide'); } }) 

Hay otra solución aquí , que también funciona cuando tienes submenús.

  

Yo tuve el mismo problema. No use el script “hackear”. Intente utilizar jquery 2.1.4 o anterior.

    

^ Tenía el archivo .js demasiado abajo. Cambie sus líneas para que se parezcan a las anteriores y el botón de respuesta también debería cerrar el menú.