Como hacer un menú con Bootstrap 5 para tu sitio web

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 ธ.ค. 2024

ความคิดเห็น • 106

  • @TecnoCodigo
    @TecnoCodigo  ปีที่แล้ว +1

    🟢 NUEVO GRUPO DE TELEGRAM: t.me/joinchat/OETaya7uYF8wNjhh
    🟢 Crear pagina web con CHAT GPT: th-cam.com/video/6-9Q5FfT_pk/w-d-xo.html
    🔴🎁 𝘼𝙮𝙪𝙙𝙖 𝙖𝙡 𝙘𝙖𝙣𝙖𝙡 desde paypal: bit.ly/TE-Donaciones
    🔴🎁 𝘼𝙮𝙪𝙙𝙖 𝙖𝙡 𝙘𝙖𝙣𝙖𝙡 desde MercadoPago: ceneka.net/tecnoemprendedores

  • @liakilljoy5543
    @liakilljoy5543 2 ปีที่แล้ว +10

    Hola che, me salvaste el día, el curso de programación, mi portafolio, TODO. Al fin pude hacer un menú con Bootstrap. Ahora sólo me queda utilizar el responsive en lo restante de la página pero esto es un paso importante. Gracias❤❤

    • @TecnoCodigo
      @TecnoCodigo  2 ปีที่แล้ว +1

      Me alegro mucho! te esperamos pronto por el canal

    • @lucasb101
      @lucasb101 2 ปีที่แล้ว

      Holaaaa como estas? Estoy en tu lugar ahora y no sé cómo empezar con el portfolio

  • @ricardobarahona2829
    @ricardobarahona2829 2 ปีที่แล้ว +9

    El mejor tutorial, sin tanto enredo, directo al punto.

  • @l1t4y5_a2u3
    @l1t4y5_a2u3 10 หลายเดือนก่อน +1

    Una pregunta, yo utilizo Bloc de Notas para hacer mi pagina (no se si tenga algo que ver), queria saber como publicar la pagina web o si directamente se publica.

    • @TecnoCodigo
      @TecnoCodigo  10 หลายเดือนก่อน +1

      Hola , si se puede publicar, te dejo dos videos que te van a servir para publicar un sitio
      th-cam.com/video/v9DvgfB47d8/w-d-xo.html
      th-cam.com/video/7W6-jSOFMgM/w-d-xo.html

    • @l1t4y5_a2u3
      @l1t4y5_a2u3 10 หลายเดือนก่อน

      @@TecnoCodigo Muchas gracias amigo, eso era lo que me faltaba

  • @saezcesar
    @saezcesar 2 ปีที่แล้ว

    Excelente papa..... sos un capo.... gracias y saludos.

  • @sergioplaza640
    @sergioplaza640 ปีที่แล้ว +1

    Hola compa, me sirvio bastante el video, se puede profundizar o recalcar mas algunas cosas pero esta re bien, like, suscribo y tdod, gracias

  • @josemora5539
    @josemora5539 2 ปีที่แล้ว

    Excelente, da gusto ver tutoriales como este.

    • @TecnoCodigo
      @TecnoCodigo  2 ปีที่แล้ว

      Gracias Jose, saludos

  • @marian244
    @marian244 2 ปีที่แล้ว

    Muy bueno el tutorial!! Muchas gracias!!!!

    • @TecnoCodigo
      @TecnoCodigo  2 ปีที่แล้ว

      Gracias por comentar

  • @Henry_Nunez
    @Henry_Nunez 2 ปีที่แล้ว

    Buen video, excelente explicación. Muchas gracias 👍👍

    • @TecnoCodigo
      @TecnoCodigo  2 ปีที่แล้ว

      Gracias por comentar

  • @nataliaaguero4799
    @nataliaaguero4799 ปีที่แล้ว

    Excelente! Muchas gracias

  • @jheremiasrivas1057
    @jheremiasrivas1057 ปีที่แล้ว

    Crack, corto y muy claro!

  • @omarvidalmendozachigua4288
    @omarvidalmendozachigua4288 2 ปีที่แล้ว

    it worked! thank you so much!!

  • @michellepalma6412
    @michellepalma6412 3 ปีที่แล้ว

    Excelente contenido edutuber me encanto el video🎥 gracias por compartir 👌

  • @nosedondeconnosequien
    @nosedondeconnosequien 3 ปีที่แล้ว +1

    Aqui apoyando, los amigos del washap 👍

    • @TecnoCodigo
      @TecnoCodigo  3 ปีที่แล้ว +1

      GRACIAS hno! un abrazo

  • @SebasDeveloper
    @SebasDeveloper ปีที่แล้ว

    Tengo una duda, a la hora de hacer responsivo para movil al momento de darle click al boton para abrir el menu no hace la accion de desplegar las opciones tengo ese problema

  • @TheSauco79
    @TheSauco79 3 ปีที่แล้ว

    Gracias, esto ha sido de gran utilidad 👍

  • @evelinyanina7048
    @evelinyanina7048 2 ปีที่แล้ว

    Buena intro! gracias por la info

  • @fernandobaigorria9151
    @fernandobaigorria9151 2 ปีที่แล้ว

    That was great. Thank you.

    • @TecnoCodigo
      @TecnoCodigo  2 ปีที่แล้ว

      Gracias por comentar

  • @danielabrigullio3669
    @danielabrigullio3669 2 ปีที่แล้ว

    Holaa, una consulta.
    Veo que en el video, el sitio automaticmente se hizo responsive al primer momento que copiaste y pegaste el link del navbar.
    A mi no me pasa eso. Me aparece el navbar pero al achicar la ventana no se muestra responsive :(

    • @TecnoCodigo
      @TecnoCodigo  2 ปีที่แล้ว

      Asegurate de tener agregado también el enlace al archivo del javascript que va al final de la pagina

  • @tavoilmnty2665
    @tavoilmnty2665 2 ปีที่แล้ว

    Tengo una sección en mi página que está en el body y hace la función de un navbar pero es una lista de imágenes como haría?

    • @TecnoCodigo
      @TecnoCodigo  2 ปีที่แล้ว +2

      puedes hacer asi...

  • @chaos9584
    @chaos9584 2 ปีที่แล้ว +1

    Hola amigo tengo un código pero al momento de presionar el menú de las 3 líneas no se despliega :c estoy re frustrado y he probado todo y nada

    • @TecnoCodigo
      @TecnoCodigo  2 ปีที่แล้ว +1

      no te olvides de agregar el codigo del javascript que va al final del body

    • @chaos9584
      @chaos9584 2 ปีที่แล้ว

      @@TecnoCodigo efectivamente era eso mi bro, muchas gracias por tomarte el tiempo de responder. Ganas nuevo sub y mg a tu video

    • @carlosmiguel8848
      @carlosmiguel8848 2 ปีที่แล้ว +1

      Puedes pasarme el código de las 3 Líneas?:(

    • @carlosmiguel8848
      @carlosmiguel8848 2 ปีที่แล้ว

      Ocupó ese código en mi navbar

    • @chaos9584
      @chaos9584 2 ปีที่แล้ว +1

      @@carlosmiguel8848 te lo envío a tu correo?

  • @marianojimenez990
    @marianojimenez990 ปีที่แล้ว

    Buenas, hoy estuve tratando de hacer un menu hamburguesa con CSS y la verdad no pude hacerlo. Sin embargo sé CSS para hacer cosas más fáciles, ahora una pregunta, es realmente necesario saber estas cosas, como el menu hamburguesa o un menu despeglable? si hay frameworks como bootstrap que lo hacen por su cuenta?

    • @TecnoCodigo
      @TecnoCodigo  ปีที่แล้ว +1

      Hola Mariano , yo trabajo como desarrollador hace 4 años , y en la mayoría de los proyectos usamos frameworks o librerías que ya resuelven esas cuestiones como el menú. Sin embargo si tu idea es ser un crack del frontend te lo recomiendo

    • @marianojimenez990
      @marianojimenez990 ปีที่แล้ว

      @@TecnoCodigo Gracias por responder!! Seguimos en la lucha entonces.

  • @alexpompeyo4551
    @alexpompeyo4551 2 ปีที่แล้ว

    Hola dentro de productos esta el submenu, como se podria agregar un subsubmenu ? en limpieza que tenga adentro otro menu

    • @TecnoCodigo
      @TecnoCodigo  2 ปีที่แล้ว

      hola, puedes ir anidando , deberis insertar otra etiqueta que contenga la clase dropdown dentro del submenu nuevo

  • @ValeriaHernandez-zg1ht
    @ValeriaHernandez-zg1ht 2 ปีที่แล้ว

    Hola amigo, sabes que en la parte del menú desplegable no me aparecen las opciones para abajo, eso se debe a que?

    • @TecnoCodigo
      @TecnoCodigo  2 ปีที่แล้ว

      le agregaste la parte del codigo de JavaScript?

  • @Deus-lo-Vuilt
    @Deus-lo-Vuilt 3 ปีที่แล้ว +1

    Mas videos asi porfa , dejo like y sub

    • @TecnoCodigo
      @TecnoCodigo  3 ปีที่แล้ว +2

      gracias por el sub, ya estoy preparando mas videos , estate atento pronto

    • @Deus-lo-Vuilt
      @Deus-lo-Vuilt 3 ปีที่แล้ว +1

      @@TecnoCodigo Muchas gracias :D

  • @nicostjohn
    @nicostjohn 10 หลายเดือนก่อน

    Lo bueno seria que expliques como aplicarle estilos propios (no de bs) a un elemento de bs

    • @TecnoCodigo
      @TecnoCodigo  10 หลายเดือนก่อน +1

      Ok voy a preparar un video con ese tema , gracias por el aporte

  • @marlonsaban
    @marlonsaban ปีที่แล้ว

    No se si sea solo yo pero a la hora de poner todo el codigo como el la barra desplegable no funciona alguna solucion

    • @TecnoCodigo
      @TecnoCodigo  ปีที่แล้ว

      recorda agregar las lineas de codigo del javascrip, sino no funciona

  • @cristianhormazabal7710
    @cristianhormazabal7710 3 ปีที่แล้ว

    una consulta ,al tener un menu de hamburguesa con bootstrap 5 ,tengo el siguiente problema ,en pantallas chicas se muestra y todo pero al clickear fuera de el (contenido de la página) no se cierra automaticamente ,como le hago para que al pinchar afuera se cierre?

    • @TecnoCodigo
      @TecnoCodigo  3 ปีที่แล้ว

      Hola Cristian, hasta donde se se puede hacer pero usando javascript

  • @LikeDePollo
    @LikeDePollo ปีที่แล้ว

    una ayuda es para una tarea, como podría ajustar este menú para que sea vertical y desplegable?

  • @boykanopaco4610
    @boykanopaco4610 8 หลายเดือนก่อน

    Buenas como hiciste para k salga el logo a mi no me sale porfavor gracias

  • @macarena-cavieres
    @macarena-cavieres 11 หลายเดือนก่อน

    Hola, buen video, cuando lo intente poner en mi codigo fue que cuando cambio a modo celular o una pantalla chica, las tres rayas que se forman al lado derecho se salio de la pantalla quedando solo la mitad a la vista, si me puedes ayudar con eso. Gracias

    • @TecnoCodigo
      @TecnoCodigo  11 หลายเดือนก่อน

      Puedes unirte al grupo de telegram o enviar los archivos al mail tecnoemprendedoresyt@gmail.com y vemos que puede ser

  • @alexisgraff2049
    @alexisgraff2049 2 ปีที่แล้ว

    Hola genio, una consulta, cuando achicas la pantalla y todo el menu se va al boton desplegable, cuando despliega, aparece todo a la izquierda abajo de la foto, hay alguna manera de que lo haga abajo del boton desplegable? Muchas gracias !!

    • @TecnoCodigo
      @TecnoCodigo  2 ปีที่แล้ว +3

      Hola Alexis, perdon la demora, si se puede , en tu hoja de estilo tienes que crear una clase, que pise la clase por defecto de bootstrap, la clase se llama: .navbar-nav y dentro debes colocar: align-items: flex-end; , osea te quedaria asi: .navbar-nav {align-items: flex-end;}
      Y otra cosa recuerda que la hoja de estilos tuya debe estar importada por debajo de la hoja de estilos de bootstrap, espero te sirva, saludos

    • @alexisgraff2049
      @alexisgraff2049 2 ปีที่แล้ว

      @@TecnoCodigo GRACIAS !

  • @daneletee2231
    @daneletee2231 2 ปีที่แล้ว

    tecno una pregunta, hice lo mismo pero cuando voy a otra PAGINA del sitio web no se abre la hamburguesa. que puede estar pasando?

    • @TecnoCodigo
      @TecnoCodigo  2 ปีที่แล้ว

      esa otra pagina también tiene que tener el código del javascript para que funcione

    • @noraochoa4134
      @noraochoa4134 ปีที่แล้ว

      @@TecnoCodigo ME PUEDES PASAR EL CODIGO

  • @diegofernandez9124
    @diegofernandez9124 ปีที่แล้ว

    Hola estimado. Es increible como esta libreria te simplifica todo. Te ahorra choclos de codigo de CSS. Me viene bien por que tengo que armar para mi universidad una pagina web que es como la tesis final, en este caso de servicios y no sabia por donde empezar. Tenes otro video donde armes algun proyecto mas completo o que me puedas recomendar? Muy buen laburo, te ganaste otro suscriptor!

    • @TecnoCodigo
      @TecnoCodigo  ปีที่แล้ว +1

      Gracias Diego , no tengo videos de proyectos completos, pero quizás estás plantillas te sirven , están basadas en bootstrap y son gratuitas
      bootstrapmade.com/

    • @diegofernandez9124
      @diegofernandez9124 ปีที่แล้ว

      @@TecnoCodigo mil gracias!!!

  • @soliangelhernandez8825
    @soliangelhernandez8825 3 ปีที่แล้ว

    Hola! Una consulta, después de poner la referencia .HTML, cómo hago para colocar la página que quiero que aparezca?

    • @TecnoCodigo
      @TecnoCodigo  3 ปีที่แล้ว

      en los elementos a, encontraras un atributo href, ahi debes colocar la pagina con la que quieres vincular el link, te dejo un video donde explico mas sobre enlaces: th-cam.com/video/aJ2sBr9OWMc/w-d-xo.html

  • @alanandresrodriguez8176
    @alanandresrodriguez8176 2 ปีที่แล้ว

    Hola como andas?? Muy bueno el video, pero se puede además lograr que cuando se scrollee el NavBar cambie de color?

    • @TecnoCodigo
      @TecnoCodigo  2 ปีที่แล้ว

      Si se puede, peor es complicado podrias usar JS

  • @romaportilla9841
    @romaportilla9841 2 ปีที่แล้ว

    Me encantó el video!!!! Muchísimas gracias!!!! :D Solo tengo un problemita, no me funciona el link del dropdown. Los href de la lista del submenú sí, el href del dropdown de la lista del menú no :( saben por qué será??

    • @CbastianAraque
      @CbastianAraque ปีที่แล้ว +1

      Hola, no sé si ya lo solucionaste, pero te dire la solución.
      Sucede que en Bootstrap 5 se cambio el uso de los atributos data-*, lo que debes haer, es dentro del menú que copias y pegas, a todos los data-* agregale el -bs, es decir, si tienes data-toggle ahora lo debes poner como data-bs-toggle, y así con los demás 😁😁 saludos!

  • @mmmmmvk
    @mmmmmvk 3 ปีที่แล้ว

    Hola! Una consulta, mi navbar funciona perfecto con el menú hamburguesa y todo pero quiero los items estén a la derecha, ya probé con la clase ml-auto pero no funcionó y no encontré otra forma de solucionarlo desde las clases de bootstrap 🤔 sabrás como hacerlo? Muy bueno el vídeo 👍 Saludos!!

    • @TecnoCodigo
      @TecnoCodigo  3 ปีที่แล้ว +4

      hola Macarena, si lo que puedes hacer es en tu propia hoja de estilos sobreescribes la clase de bootstrap llamada . sidebar , y le pones rigth: 0 ; left: auto

  • @davidh6581
    @davidh6581 2 ปีที่แล้ว

    Hola Amigo, Excelente video, podrías compartir el código ??

  • @enzomillo-rb2yi
    @enzomillo-rb2yi 2 ปีที่แล้ว

    buen video amigo. puse un logo que hice con Canva pero el menu se hizo muy grande . sabes como cambiar el tamaño del menu, osea el navbar ?

    • @TecnoCodigo
      @TecnoCodigo  2 ปีที่แล้ว +1

      seria mejor si la imagen del logo es mas pequeña para que no quede tan grande, quizas eso ayude

  • @informaticasinpaja
    @informaticasinpaja 2 ปีที่แล้ว

    Hacerlo d forma vertical

  • @manfredorojashurtado6900
    @manfredorojashurtado6900 2 ปีที่แล้ว

    Hola! una duda, cuando pongo la imagen para el logo el primer item se baja, sabes como se arregla? Gracias por la ayuda!!

    • @TecnoCodigo
      @TecnoCodigo  2 ปีที่แล้ว

      hola, chequea q la imagen del logo no sea demasiado ancha

  • @capscampoverde6660
    @capscampoverde6660 2 ปีที่แล้ว

    I’m trying

  • @VaquitaMuuu
    @VaquitaMuuu 2 ปีที่แล้ว

    Podrías compartir el código?

    • @TecnoCodigo
      @TecnoCodigo  2 ปีที่แล้ว

      pronto voy a hacer un repo con todos estos codigos

  • @yatziryanalycruzcruz2332
    @yatziryanalycruzcruz2332 2 ปีที่แล้ว

    pasen el codigo escrito plis

    • @TecnoCodigo
      @TecnoCodigo  2 ปีที่แล้ว

      Pronto comenzare a subirlos

  • @kevindominguez2117
    @kevindominguez2117 ปีที่แล้ว

    Que groso, nada de vueltas y bien explicado

  • @mrbagins8716
    @mrbagins8716 2 ปีที่แล้ว

    jajajaja pero sin copy paste :(