💜 El GRID (Filas y Columnas) en Bootstrap 5

Поділитися
Вставка
  • Опубліковано 8 вер 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 Рік тому +21

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

  • @carlosman2918
    @carlosman2918 3 дні тому +1

    muchas gracias bro, me sirvio

  • @user-gr4if6qb9x
    @user-gr4if6qb9x 8 місяців тому +2

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

  • @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

  • @rochelli0419
    @rochelli0419 6 місяців тому +1

    Al fin pude entenderlo, gracias. Muy útil.

  • @ferchuspresti
    @ferchuspresti Рік тому +2

    Kiko, está super bien explicado, muchas gracias

  • @vanessattito3351
    @vanessattito3351 2 роки тому +2

    muchas gracias por tu excelente explicación, me sentía perdida en el tema hasta que encontré tu video . 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

  • @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!

  • @anamariaarbelaezlopez4783
    @anamariaarbelaezlopez4783 2 роки тому +1

    EXCELENTE muchas gracias!! ♥

  • @ezequielmontoya3117
    @ezequielmontoya3117 2 роки тому +1

    tu forma de explicar es demencial. gracias kiko

  • @sdd2011
    @sdd2011 Рік тому +1

    Buenisimo muchas gracias.

  • @robertomendez535
    @robertomendez535 2 роки тому +1

    Super Bueno....Gracias..

  • @graciela8742
    @graciela8742 2 роки тому +1

    gracias, tus videos son excelentes

  • @alvaroguzmanvelasque839
    @alvaroguzmanvelasque839 Рік тому +1

    Buen vídeo, explicacion efectiva

  • @montevideooculto
    @montevideooculto 2 роки тому +1

    mas claro que esto imposible..gracias!

  • @jorgecuest
    @jorgecuest Рік тому +1

    bien claro

  • @andy_palms
    @andy_palms 2 роки тому +1

    muy bueno, gracias!

  • @africaro1335
    @africaro1335 Рік тому +1

    Explicas muy bien

  • @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!! 😁

  • @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

  • @user-jf7hy1xj9r
    @user-jf7hy1xj9r Рік тому +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

  • @nlml-e1f
    @nlml-e1f 2 роки тому +1

    mereces muchas visitas bro. sub nuevo

  • @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

  • @Javier-pe1zz
    @Javier-pe1zz 5 місяців тому

    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

  • @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

  • @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

  • @brandonmartinez5103
    @brandonmartinez5103 2 роки тому

    grande joji

  • @francodignani519
    @francodignani519 10 місяців тому

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

  • @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

  • @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 10 місяців тому

      A mí me pasa lo mismo

    • @brunoporfidio2322
      @brunoporfidio2322 10 місяців тому +1

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

    • @luciamorua6720
      @luciamorua6720 10 місяців тому

      @@brunoporfidio2322 gracias ahora pruebo

  • @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 ?

  • @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.

  • @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

  • @serraneo9743
    @serraneo9743 4 місяці тому

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

  • @serraneo9743
    @serraneo9743 4 місяці тому

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

  • @gonx9906
    @gonx9906 26 днів тому

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

  • @ESTOYCO
    @ESTOYCO Рік тому +1

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

  • @mylifeismusic4122
    @mylifeismusic4122 10 місяців тому

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