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).
En este post te enseñaré a imprimir HTML en una impresora térmica. Vas a ser…
En este artículo te voy a enseñar a monitorear la cola de impresión de una…
En mi blog te he enseñado a usar youtube-dl para descargar vídeos con permiso del…
Siguiendo con los tutoriales que consumen la API de los Bots de Telegram con cURL…
En un post previo te enseñé a enviar un mensaje en nombre de un Bot…
En este artículo te voy a mostrar una guía para imprimir en una impresora térmica…
Esta web usa cookies.