Menu Lateral con Bootstrap 5 (Offcanvas)
HTML-код
- Опубликовано: 6 фев 2023
- En este video les explico como hacer un Menu Lateral con Bootstrap 5.
Para crear este menu lateral usamos el componente offcanvas de Bootstrap 5.
El archivo del proyecto en github:
github.com/Emprinnos/menuLate...
Tutorial completo de Bootstrap:
• Crea una Pagina WEB co...
Tutorial Galería de Imágenes (vanilla JavaScript)
• Tutorial galería de im...
🗨️ Twitter: / emprinnos
📱 Instagram: / emprinnos
#bootstrap #desarrolloWEB #paginaWEB #programacion #bootstrap5
El archivo del proyecto en github:
github.com/Emprinnos/menuLateral_Bootstrap.git
Estupendo tutorial amigo. Me ha encantado. Gracias y saludos.
que buen video hermano, justo estoy haciendo un laburito freelance y me vino joya
Buen vídeo amigo, Gracias!!! 😎😎
Excelente contenido, estoy aprendiendo mucho con tus videos
que bueno que te ayudan estos videos, un saludo!
Si deseo mantener mi pagina en tamaño grande que debo de hacer para cuando pase el cursor por encima de los links se vea el color azul clarito , y para hacer que el ultimo div que es el de los iconos me aparezca siempre en todo momento en mi menu?
como eu faço a barra lateral cobrir 100% da pagina ?
Like🎉
gracias amigo, saludos!
una pregunta, como podría ajustar para que el menú quede en lateral estático y desplegable?
el menu lateral con off canvas por defecto esta oculto y se activa cuando haces click en el boton, si lo quieres siempre visible intenta
class="active"
para el contenedor donde esta el offcanvas, tambien tendrias que quitarle el toggle
Utilice de bootstrap 5 la version scrolling de offcanvas, quiero utilizarlo como menú responsive pero cuando le doy click al link correspondiente funciona y bajo hasta alli, pero cuando cierro el menú se regresa a la posicion original, es decir el header de mi pagina. Soy suscriptor, agradeceria una ayuda para eliminar eso
no se como lo implementaste, pero algo similar me paso una vez, y lo que hice es usar en lugar de button para el boton que abre y cierra el offcanvas
tambien puedes probar el ejemplo de bootstrap, esta al final de la pagina, es el ejemplo de offcanvas, ponlo en otro archivo y fijate si te pasa lo mismo, prueba esto primero
@@Emprinnos Gracias, me sirvió la primera solución, eres el mejor emprinnos
@@butcher7900 que bueno amigo, saludos!
hasta el minuto 9:41 no me hace nada
claro amigo, tienes que ponerle todas las clases primero para tener un menu funcional