💜 El GRID (Filas y Columnas) en Bootstrap 5

แชร์
ฝัง
  • เผยแพร่เมื่อ 19 ก.ย. 2024
  • ¿Quieres aprender Bootstrap 5 de la mejor forma posible?
    👇👇 ACCEDE al CURSO de BOOTSTRAP GRATIS
    bit.ly/3gUx4bP
    🎁 GUIA GRATIS: 5 Técnicas de ChatGPT para Desarrolladores 👉 crz.dev/tecnic...
    📚 Recursos de programación 👉 crz.dev/sub
    👨💻 Formación de IA para Desarrolladores:
    crz.dev/ia-star
    👨💻 Todos mis cursos gratis:
    kiko.pro/cursos
    📚 Puedes ver todos mis libros aquí:
    kiko.pro/libros
    📘 MI LIBRO "No todo es programar":
    notodoesprogra...
    🦊 100 Fábulas para Programadores
    kiko.pro/100fa...
    📙 Libro: Aprende HTML
    kiko.pro/libro...
    👁️ Puedes encontrar cosas más interesantes en:
    kiko.pro/
    🖱️ Si quieres ver el mi setup completo 👉 kiko.pro/setup
    🎉 Continua la fiesta en mis otras redes sociales:
    Discord: kiko.pro/discord
    Instagram: kiko.pro/insta...
    Twitter: kiko.pro/twitter
    TikTok: kiko.pro/tiktok
    GitHub: kiko.pro/github
    kikopalomares....
    Algunos de los enlaces son enlaces de afiliados, por lo que quizás reciba alguna pequeña comisión por compras a través de esos enlaces.

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

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

    CURSO de BOOTSTRAP GRATIS 👉 bit.ly/3gUx4bP

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

      muchísimas gracias, estoy estudiando diseño y la verdad la materia de diseño web es la que más se me ha complicado, gracias a tus videos aprobé la materia y sobre todo aprendí mucho.

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

    Lo admiro porque eres de los pocos youtubers que van al grano, a lo esencial sin tantas complicaciones. Tienes talento para la docencia.

  • @user-gr4if6qb9x
    @user-gr4if6qb9x 9 หลายเดือนก่อน +2

    Super claro el desarrollo del tema. Gracias por el aporte. 10 de 10 para usted.

  • @carlosman2918
    @carlosman2918 14 วันที่ผ่านมา +1

    muchas gracias bro, me sirvio

  • @810BYTE
    @810BYTE 2 ปีที่แล้ว +6

    Excelente hermano, sencillo y claro. Bendiciones.

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

    Gracias se entiende muy rapido eres uno de los mejores explicando ademas no me duermes

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

    Kiko, está super bien explicado, muchas gracias

  • @rochelli0419
    @rochelli0419 6 หลายเดือนก่อน +1

    Al fin pude entenderlo, gracias. Muy útil.

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

    muchas gracias por tu excelente explicación, me sentía perdida en el tema hasta que encontré tu video . Gracias

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

    Excelente muchas gracias!!!.... siempre muy claras tus explicaciones. Saludos

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

    eres el mejor. muchas gracias me ayudaste muchisimo...

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

    Genial tu video. Fue muy útil para mi proyecto

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

    Excelente video. Muchas gracias por tu explicacion!

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

    tu forma de explicar es demencial. gracias kiko

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

    EXCELENTE muchas gracias!! ♥

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

    Super Bueno....Gracias..

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

    Buenisimo muchas gracias.

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

    Amigo, gracias, duré 1 día completo maquetando un formulario y al acostarme ví tu vídeo y al siguiente día hice otro formulario en menos de 2 horas

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

    mas claro que esto imposible..gracias!

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

    gracias, tus videos son excelentes

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

    Buen vídeo, explicacion efectiva

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

    muy bueno, gracias!

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

    Lo entendí a la primera. Gracias por explicar de forma tan clara.
    Nuevo subscriptor.

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

      genial! me alegro!! bienvenido!! 😁

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

    bien claro

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

    Explicas muy bien

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

    Excelente contenido! Venía con algunas dudas y ver tus videos me está aclarando todo, muy bien explicado, graciaaaaas ♥

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

    Gracias Kiko

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

    la verdad que muy buenos contenidos y lo que mas me gusta es la forma de explicar !!!!

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

      muchas gracias!! 😁

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

      @@kikopalomares te hago una consulta kiko, en las cards de bootstrap para que la imagen salga todo del mismo tamaño tiene que estar redimencionado todos al mismo tamaño? hice 3 card y 1 de ellas sale mas corta, agregue la class="img-fluid" a la imagen pero igual sigue del mismo tamaño

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

      @@El_isma2023 le tienes que dar el mismo tamaño de algún modo, o dándole un with, o poniéndole un col específico

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

      @@kikopalomares gracias por la respuesta

  • @DiseñoSIGOD
    @DiseñoSIGOD ปีที่แล้ว +1

    me gusta tu pecera, me distrajo un tiempo porque mientras explicabas me quedé como zombie pensando un rato "dónde pondré una pecera en mi casa?" jja saludos

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

    cuando conoci flexbox dije, esto es muy bueno, cuando conoci css grid dije, esto es muy practico, cuando conoci el grid de bootstrap dije con razon todos son web devs XD larga vida a bootstrap

  • @nlml-e1f
    @nlml-e1f 2 ปีที่แล้ว +1

    mereces muchas visitas bro. sub nuevo

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

    Hola! Tengo una consulta, en la estructuracion de cualquier sitio web usando bootstrap, siempre debe haber filas y columnas no?

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

    Hola :3
    Kiko Palomares pregunta es cierto que los Programadores saben resolver el Cubo Rubik fácilmente? y tu sabes armar uno y en cuanto tiempo te tardas para hacerlo🤔🤔

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

      nunca hice uno, ni lo he intentado xD

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

    Nunca mas escribire un media query jajajajaja, al menos el contenedor principal o "wrapper" se podria aplicar a practicamente cualqueir proyecto, solo con el fin de hacerlo resposive y si te ateves a mas, crear grid areas. Una consulta, se podria combinar esto con animaciones tipo GSAP u otros?

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

      Gracias por tu comentario!! deberías de poder combinarlo con lo que sea claro

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

      Gracias por tu comentario!! deberías de poder combinarlo con lo que sea claro

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

    Yo se que hay un "scroll" infinito hacia abajo, por lo que boostrap usa 12 (columnas) para dividir el espacio de ancho, pero el de alto?. Viene un line-height por defecto de 1.5 en boostrap, pero no hay un "row-5" para decir que mi fila es mas grande que una "row-3" ? , no con eso codigo. Pero no he visto que se pueda algo asi

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

    Hola Kiko q opinas sobre Bootcamp " soy henry". Gracias

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

      no lo conozco la verdad, la primera vez que lo escucho

  • @Javier-pe1zz
    @Javier-pe1zz 6 หลายเดือนก่อน

    Yo use la etiqueta row pero no le puse columnas sino un display flex dentro y funcionó, alguno podría decirme si eso está bien o no por favor

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

    Una consulta, por que al poner las columnas, se ponen una debajo de al otra y no al lado? como en el video

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

      Tienes que colocar las columnas dentro de un div

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

      Yo las pongo dentro de un div y aún así quedan una debajo de la otra, m tiene loca esto 😢

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

      A mí me pasa lo mismo

    • @brunoporfidio2322
      @brunoporfidio2322 11 หลายเดือนก่อน +1

      @@luciamorua6720 eso apra poruqe las columnas deben ir dentro de un rama, siendo asi:
      luego me di cuenta de ese error

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

      @@brunoporfidio2322 gracias ahora pruebo

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

    grande joji

  • @a.k.a-nicotico
    @a.k.a-nicotico 2 ปีที่แล้ว

    No me sale, copio el código de Boostrap de 3 columnas en el programa y cuando lo visualizo en Chrome, me sale 1 sola columna con 3 filas

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

    me ha ayudado muchísimo, pero tengo un problema y es que al escribir mucho texto se sale de la columna a la derecha y no sigue hacia abajo como párrafo, sabes que podría ser ?

  • @serraneo
    @serraneo 4 หลายเดือนก่อน

    a mi no me aparen las 4 columnas asi.Me aparecen una abajo de la otra. y no se cual es el problema

  • @jamesrosemary2932
    @jamesrosemary2932 6 หลายเดือนก่อน

    Lo malo de este mecanismo es que no se pueden hacer columnas que no sean divisores exactos de 12. Por ejemplo 5, 7 y 9 columna y que ocupen todo el ancho.

  • @serraneo
    @serraneo 4 หลายเดือนก่อน

    a mi no me aparecen esas columnas asi. me aparecen una abajo de la otra. y no se porque

  • @manexormazabal8365
    @manexormazabal8365 7 หลายเดือนก่อน

    Y como hago si quiero que haya una sola row en una pagina, que la ocupe entera,y dos cols dentro porejemplo

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

    Y como separo las columnas? lo mas basico te falto.

    • @TheLurleenGamespro
      @TheLurleenGamespro 14 วันที่ผ่านมา

      Le pones un div adentro y un margin

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

    como chucha puedo hacer que las columnas se peguen a la izquierda y no aparezcan al centro de la pagina.

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

    en ves de columnas me salieron fila😭😭😭😭😭😭😭😭😭😭