Menu desplegable con Twitter Bootstrap
Como crear una barra de menú responsive con bootstrap
Uno de los componentes más usados en los diseños responsive son los ménus. Tengo que admitir que hacía rato que no los llamaba de esa forma, desde que mi hermana me comento la graciosa forma de llamarlos en su trabajo: La hamburguesita. La explicación se ven de forma normal en dispositivos de escritorio, y al verlos desde un dispositivo mobile desaparecen completamente, dejando un icono simil a una hamburguesa en el cual al hacer click/touch despliegan el listado de los items.
El primer paso para desarrollarlos es inclurír jquery y la librería bootstrap en el header de tu html:
Lo siguiente es crear la estructura html que incluya los items del menú:
¡Y eso es todo! Bootstrap se va a encargar de que si el tamaño de la pantalla es mobile se oculten los iconos y se vea el icono para desplegarlos.
Si quieres seguir aprendiendo con nosotros, puedes ingresar a nuestros
Cursos y Diplomados de Tecnología Web visita www.uneweb.edu.ve para más información