En este post voy a mostrarte un ejemplo de código para tener el menú responsivo de Bootstrap sin dependencias como jQuery, usando únicamente algunas líneas de JavaScript puro.
Bootstrap es el framework CSS por excelencia. Casi todo programador web lo conoce, es de hecho una base que hay que tener. Sin embargo, tiene una desventaja y es que normalmente no funciona sin jQuery (u otros frameworks).
A veces solo se necesita tener el menú responsivo pero sin importar todas las librerías de JavaScript, por eso es que hoy vengo a compartir cómo tener un menú responsivo de Bootstrap sin jQuery ni dependencias.
El menú de navegación se compone de dos cosas principales:
El div que tiene los elementos del menú puede tener la clase “show” y si la tiene entonces se mostrará de manera extendida en móviles.
Así que en resumen hay que escuchar el click del botón y agregar/quitar la clase al contenedor.
En este caso le agregué un id a cada elemento para hacer las cosas más fáciles.
Cuando se hace click en el botón, el menú se muestra y oculta en móviles, usando JavaScript puro. Todo esto se logra escuchando el click del botón y, en su ejecución, al elemento intercambiarle la clase “show”; es decir, si la tiene se remueve, y si no, se agrega.
Por cierto, el ejemplo está basado en una plantilla de Bootstrap.
Puedes probar el ejemplo aquí (recuerda hacer pequeña la ventana del navegador).
La impresión de un PDF en cualquier impresora se puede automatizar con un bot de…
Hoy te enseñaré cómo enviar un mensaje a un usuario desde un bot de Telegram…
El día de hoy te enseñaré algo muy sencillo pero útil al programar con PHP:…
El plugin para imprimir en impresoras térmicas alcanza hoy su versión 3.4.0 agregando soporte para…
En ocasiones es necesario leer los pixeles y colores de una imagen con JavaScript del…
Siguiendo con los tutoriales de listas desplegables o select con JavaScript, vamos a ver cómo…
Esta web usa cookies.