muchísimas gracias!! vi un montón de tutoriales y ninguno fue tan útil como este porque explicaste para qué sirve cada clase, y no solo nos hiciste cambiar y agregar cosas por ahí como otros tutoriales que me estaban volviendo loca! tome muchas notas!!
Thanks Pazia, I hope it helped you somewhat, there are plenty of good tutorials in English, check out traversy media, he has several Bootstrap crash courses
I did one about basic layout with CSS grid th-cam.com/video/Y0dJWQiD7N8/w-d-xo.html and a full project using bootstrap th-cam.com/video/A5MF1mwmgRI/w-d-xo.html
Hola.....estoy buscando la funcionalidad que cuando se seleccione una opción del menú colapsado (hamburguesa) vuelta a estado original, es decir, que no muestre las opciones de menú, al parecer boostsrap no lo tiene?. muchas gracias
Recomiendas poner el input antes del último boton asi se vea mas estético? Tengo que hacer una pagina de streaming y tu video de veras me sirvió mucho de veras gracias
Hola, muchas gracias por el video, explicas super bien! Tengo un problema en el menú hamburguesa de bootstrap, cuando se despliega, al hacer click en las diferentes opción del menú, éste no se colapsa quedando a la vista todo el menú tapando parte del sitio ¿existe alguna forma de que el menú se colapse de inmediato, sin tener que hacer click en el ícono hamburguesa? espero puedas ayudarme. Saludos!
@@DanielTehuacatl Hola Daniel! Siiiiii, lo encontré. Hay que usar JavaScript, te doy los códigos: En Html, a todos los , hay que agregar onclick="cerrar()" Ej: INICIO Si tu menú no lleva li, no hay problema. En JavaScript hay que agregar la siguiente función: //Cerrar menú version mobile al hacer click en una opción function cerrar() { let navbar = document.querySelector(".navbar-toggler"); navbar.click(); } Eso es todo, me costó muuuucho tiempo poder encontrar la solución. Lo único malo que en versión escritorio al hacer click sobre alguna opción del menú se produce un efecto de refresh, pero soluciona el problema en versión mobile. Espero te sea útil. Saludos! :)
Buenas, muchas gracias por el video me re sirvió, tenia una sola duda, como hacer para cuando paso a vista mobile el menu inicie sin estar abierto y yo sea el que tenga que apretar el botón del nav para que se abra?
Saludos, gracias por el video me esta ayudando bastante, pero por favor su ayuda, Cómo puedo hacer que las opciones del menú Inicio, Precios y Servicios, esten alineamos al lado derecho, es decir a lado de los iconos de redes sociales. Por favor su ayuda
Hola, el video fue de mucha ayuda. Fui a los ejemplos de off canvas + navbar en Bootstrap, copie el codigo y funciona bien, pero aqui viene el problema. Estoy haciendo un reto de los que ofrece FrontEnd Mentor, lo estoy haciendo con Sass, Gulp, pero cuando pego el codigo de ejemplo y despues voy al navegador para ver los resultados, aperece todo, pero al momento de dar click al menu responsive aparece el efecto que oscurece la pantalla pero nada mas, no se ve el menu. Tengo un archivo custom.scss con el archivo completo de bootstrap, despues para reducir el codigo css no utlizado uso purge.css, pero no se como incluir el archivo de javascript. Lo que hago es copiar el cdn de js, pero tampoco funciona el menu no aparece. Podrias ayudarme por favor?. Tengo muchas ganas de aprender pero ahora me siento estancado con esto.
Sin ver el codigo es imposible para mi saber por que no se abre el menu, usa los dev tools para ver si te tira algun error o implementa el menu en un proyecto separado a ver si funciona y despues lo acomodas en el otro
Una pregunta genuina. ¿Cómo podría activar los botones que el usuario está visitando? Considerando que el primer enlace ya está activo, he utilizado la pseudoclase :active para poder cambiar el color según el usuario esté en determinada página, sin embargo, no me funciona. Saludos!
Para un link que se apreto se usa :visited, tambien ponle !important por si no te funciona, deberia, si usas un boton bootstrap tiene una clase data-bs-toggle =“button”
Que manera más clara de explicar.. De verdad enseña y se aprende no deja ni una duda.. Muchas gracias amigo
que bueno que te haya ayudado el tutorial, saludos!
muchísimas gracias!! vi un montón de tutoriales y ninguno fue tan útil como este porque explicaste para qué sirve cada clase, y no solo nos hiciste cambiar y agregar cosas por ahí como otros tutoriales que me estaban volviendo loca! tome muchas notas!!
que bueno amigo que te haya ayudado el video, comparte con otros amigos, saludos!
Excelente video, sin vueltas, explica todo muy bien y tiene 0 relleno. Gracias!!!
que bueno que te haya ayudado el video, saludos!
Excelente, tu estilo y forma de explicar, apredí bastante, gracias hermano!
claro amigo, saludos!
Excelente video. Completísimo. Me ayudo muchisimo.
Que bueno que te haya ayudado el video, saludos!
eres el mejor, de este video saque muchas cosas valiosas. muchas gracias por este gran aporte!!
que bueno amigo, saludos!
"Excelente tutorial". ¡Muchas gracias!
Un fenómeno!!! Gracias
muchas gracias me sirvio mucho
que bueno amigo, saludos!
* llora de felicidad * al fin entiendo, gracias
que bueno que te haya aclarado las dudas, saludos!
Excelente vídeo, gracias !
gracias amigo, saludos!
Excelente video mi amigo
que bueno que te haya ayudado el video, comparte con otros amigos, saludos!
si quisiera colocar un input con bo5 en que linea del codigo lo tendria que colocar?
Great tutorial - even though I as a Dane didn't understand a word of it. ;)
Thanks Pazia, I hope it helped you somewhat, there are plenty of good tutorials in English, check out traversy media, he has several Bootstrap crash courses
@@Emprinnos Thanks. I'll check that out later. You got any tutorials about layout/design styling?
I did one about basic layout with CSS grid th-cam.com/video/Y0dJWQiD7N8/w-d-xo.html and a full project using bootstrap th-cam.com/video/A5MF1mwmgRI/w-d-xo.html
@@Emprinnos Awesome, thanks!
@@PaziaTV no problem
Hola.....estoy buscando la funcionalidad que cuando se seleccione una opción del menú colapsado (hamburguesa) vuelta a estado original, es decir, que no muestre las opciones de menú, al parecer boostsrap no lo tiene?. muchas gracias
fijate si los enlaces tienen data-bs-toggle= "collapse" como en este ejemplo:
Home
Recomiendas poner el input antes del último boton asi se vea mas estético? Tengo que hacer una pagina de streaming y tu video de veras me sirvió mucho de veras gracias
es cuestion de preferencias amigo, piensa como un usuario, si luce bien y es funcional, por que no
Excelente video. Dónde puedo ver todo lo de Bootstrap? Gracias,
Hay un playlist de bootstrap, con los temas mas relevantes
Hola, muchas gracias por el video, explicas super bien! Tengo un problema en el menú hamburguesa de bootstrap, cuando se despliega, al hacer click en las diferentes opción del menú, éste no se colapsa quedando a la vista todo el menú tapando parte del sitio ¿existe alguna forma de que el menú se colapse de inmediato, sin tener que hacer click en el ícono hamburguesa? espero puedas ayudarme. Saludos!
hola, me sucede lo mismo, encontraste como solucionarlo???
@@DanielTehuacatl Hola Daniel! Siiiiii, lo encontré. Hay que usar JavaScript, te doy los códigos:
En Html, a todos los , hay que agregar onclick="cerrar()"
Ej:
INICIO
Si tu menú no lleva li, no hay problema.
En JavaScript hay que agregar la siguiente función:
//Cerrar menú version mobile al hacer click en una opción
function cerrar() {
let navbar = document.querySelector(".navbar-toggler");
navbar.click();
}
Eso es todo, me costó muuuucho tiempo poder encontrar la solución. Lo único malo que en versión escritorio al hacer click sobre alguna opción del menú se produce un efecto de refresh, pero soluciona el problema en versión mobile.
Espero te sea útil. Saludos! :)
Buenas, muchas gracias por el video me re sirvió, tenia una sola duda, como hacer para cuando paso a vista mobile el menu inicie sin estar abierto y yo sea el que tenga que apretar el botón del nav para que se abra?
Hola Miguel, el navbar es un componente de bootstrap con funcionalidad predefinida, tendrias que cambiar la funcionalidad con javascript
Saludos, gracias por el video me esta ayudando bastante, pero por favor su ayuda, Cómo puedo hacer que las opciones del menú Inicio, Precios y Servicios, esten alineamos al lado derecho, es decir a lado de los iconos de redes sociales. Por favor su ayuda
Intenta la clase ml-auto para el contenedor donde estan estas opciones
Hola, el video fue de mucha ayuda. Fui a los ejemplos de off canvas + navbar en Bootstrap, copie el codigo y funciona bien, pero aqui viene el problema.
Estoy haciendo un reto de los que ofrece FrontEnd Mentor, lo estoy haciendo con Sass, Gulp, pero cuando pego el codigo de ejemplo y despues voy al navegador para ver los resultados, aperece todo, pero al momento de dar click al menu responsive aparece el efecto que oscurece la pantalla pero nada mas, no se ve el menu. Tengo un archivo custom.scss con el archivo completo de bootstrap, despues para reducir el codigo css no utlizado uso purge.css, pero no se como incluir el archivo de javascript. Lo que hago es copiar el cdn de js, pero tampoco funciona el menu no aparece.
Podrias ayudarme por favor?. Tengo muchas ganas de aprender pero ahora me siento estancado con esto.
Sin ver el codigo es imposible para mi saber por que no se abre el menu, usa los dev tools para ver si te tira algun error o implementa el menu en un proyecto separado a ver si funciona y despues lo acomodas en el otro
Una pregunta genuina. ¿Cómo podría activar los botones que el usuario está visitando? Considerando que el primer enlace ya está activo, he utilizado la pseudoclase :active para poder cambiar el color según el usuario esté en determinada página, sin embargo, no me funciona. Saludos!
Para un link que se apreto se usa :visited, tambien ponle !important por si no te funciona, deberia, si usas un boton bootstrap tiene una clase data-bs-toggle =“button”
chequeen este video para crear un menu lateral con Bootstrap 5
th-cam.com/video/yV0y74Pu86I/w-d-xo.html