Estoy trabajando con Bootstrap 3 y ya hice mi menú responsive. Pero al momento de hacer chica la pagina, solo me aparece el botón, le doy click y no me sale mis opciones del menú, ¿cómo le puedo hacer? ¿qué tengo mal? Ojala me puedan orientar, les dejo mi código:
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> <span class="sr-only">Desplegar navegación</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">Sistema de Registro</a> </div> <div class="collapse navbar-collapse navbar-ex1-collapse"> <ul class="nav navbar-nav navbar-right"> <li class="active"><a href="#"><span class="glyphicon glyphicon-home"></span> Inicio</a></li> <li><a href="login.html"><span class="glyphicon glyphicon-log-in"></span> Salir</a></li> </ul> </div> </div> </nav>
Antes de este menú, tengo una cabezera, no se si afecta. Gracias.
Respuestas
El menú lo tienes bien construido desde el punto de vista HTML/CSS. El problema es que para que funcione el menú responsive también tienes que incluir en tu página el plugin collapse.js de Bootstrap (y la librería jQuery de JavaScript que es necesaria para ese plugin).
@javiereguiluz
25 septiembre 2016, 13:40
Y como se incluye ese plugin??????
@AlchemicalSM
31 diciembre 2016, 4:16