Bootstrap Grid System Tutorial | Bootstrap 5

Поделиться
HTML-код
  • Опубликовано: 27 ноя 2024

Комментарии •

  • @rohan1765
    @rohan1765 3 года назад +12

    If anyone is thinking about 2 gutters in nested grid , you can remove container class from nested grid to avoid that ,
    Grid is very powerful , nice informative video Adrian 🎉

  • @KG-ck9hb
    @KG-ck9hb 2 года назад +1

    Couldn't understand the grid system just from reading the docs.
    Just by watching this , the first 6 minutes I completely understand the grid system now.

  • @devking549
    @devking549 3 года назад +8

    Congrats for 80K subs, Adrian! 🎉

  • @kartikkewalramani6696
    @kartikkewalramani6696 2 года назад

    Bro gave so much info in just one vid.

  • @Sander-Brilman
    @Sander-Brilman 2 года назад +7

    Amazing video, you got straight to the point and the explanation was clear. Exactly what i was looking for

  • @MysticCloak-e9r
    @MysticCloak-e9r 3 года назад +4

    Your channel is so underrated, Adrian. Keep working hard, I am sure 1 day you will be at the top.

    • @AdrianTwarog
      @AdrianTwarog  3 года назад +4

      Thanks, honestly I don't really worry about the numbers, I just enjoy the process :)

    • @msvlogs3744
      @msvlogs3744 2 года назад

      @@AdrianTwarog great man 🔥 love from India 🇮🇳

  • @alinaolivera
    @alinaolivera 3 года назад +2

    this was an amazing video, i still can´t get my head around it, but i know i´ll come back

  • @ideagame3633
    @ideagame3633 3 года назад

    ok , I was checking this video, waiting for the next one))). May the force be with you!

  • @bogdanmind3271
    @bogdanmind3271 3 года назад +6

    Excellent explanations and amazing video quality. Thank you so much!

  • @mahrokhsadro843
    @mahrokhsadro843 3 года назад +1

    thx Adrian,the way u explain the use of bootstrap classes is great n usefullllllllllll

  • @DevMadeEasy
    @DevMadeEasy 3 года назад

    Hey Adrian Twarog... Nice content, thanks for sharing it! 🙏

  • @Myuzishin
    @Myuzishin Год назад

    Bootstrap grid is ferkin genius.

  • @Tom-gv1fo
    @Tom-gv1fo 2 года назад

    Nice and no time wasted, thanks

  • @uodige1
    @uodige1 Год назад

    thank you for the easy to follow thru tutorial, I've learned quite a lot!

  • @vaibhavdandala9159
    @vaibhavdandala9159 3 года назад

    Thank you so much this helped a lot when I didn't understand this very thoroughly in my book.

  • @matiasgabrielpatzer2073
    @matiasgabrielpatzer2073 2 года назад +1

    Brilliant! Great explanations and just the right amount of information. Thank you!

  • @AjayChauhan-kb6pr
    @AjayChauhan-kb6pr 3 года назад +1

    thank you adrian. it's really helpful for me.

  • @pranavdhamanage
    @pranavdhamanage 3 года назад +2

    Why don't you upload more videos per week? Your videos are so polished and amazing!!!

    • @AdrianTwarog
      @AdrianTwarog  3 года назад

      Because they are polished (I'm Polish!) and amazing, I spend more time on them and can only get out so many per week! But I'm trying to do more :) with some tutorials, some real world stuff, and some tips and tricks each week.

  • @simonroyjonesuk
    @simonroyjonesuk 4 месяца назад

    Great video. Thank you. Really helpful.

  • @cristianferreira3350
    @cristianferreira3350 Год назад

    amazing wey!!! Muchas Gracias, and also you speak very well y puedo entender todo lo que hablas!!

  • @Sahil.1
    @Sahil.1 Год назад

    What an informative video thank you so much buddy you just made my work easier

  • @balajiravi9259
    @balajiravi9259 3 года назад +1

    Please make bootstrap series with projects

  • @abod8121
    @abod8121 3 года назад

    Your content is awesome, please keep going what you doing. Much love

  • @munkrowz7145
    @munkrowz7145 3 года назад +1

    Awesome content!

  • @Brandon-bm7hp
    @Brandon-bm7hp Год назад +1

    It would be nice to see actual content in the columns many beginners see the columns but once its time to add content to the columns they are back at square one

  • @mukithasan9684
    @mukithasan9684 2 года назад

    Very helpful and easy to learn you deserve a like and a sub

  • @suhailkakar
    @suhailkakar 3 года назад +1

    Great Topic, Thanks Adrian :)

  • @jackson159
    @jackson159 3 года назад

    Really Good Video! Thanks a lot

  • @ColdheartCuzo
    @ColdheartCuzo 11 месяцев назад

    Excellent teacher

  • @pokadoodledoo9580
    @pokadoodledoo9580 3 года назад +1

    This was concise yet explained everything so clearly. I'm very impressed and thank you for teaching.

  • @rtbgenius2531
    @rtbgenius2531 3 года назад

    love from india love your videos❤️💓❤️❤️

  • @mohnishlandge
    @mohnishlandge 3 года назад +1

    This is incredibly informative, love this format!

  • @Yayaloy9
    @Yayaloy9 2 года назад +4

    I wish you name the column differently so it's not confusing, as well as the border, which you did that, just very late into the video. Got very confusing.

  • @baltagadda
    @baltagadda 2 года назад

    you are great explaining

  • @denisgarden1
    @denisgarden1 2 года назад

    This one is great! Where is the next video?

  • @digigoliath
    @digigoliath 3 года назад

    Awesome!!! TQVM!!

  • @codechimps
    @codechimps 2 года назад

    Ah such a good video, thank you!

  • @nro337
    @nro337 3 года назад

    Awesome video, thank you!!

  • @arosh.akalanka
    @arosh.akalanka 3 года назад +2

    Wow! Thank u ♥

  • @Uvi3112
    @Uvi3112 3 года назад

    This video is really cool. thnks

  • @billywapp2201
    @billywapp2201 2 года назад

    Thank you pally budsssssss

  • @caku088
    @caku088 2 года назад +1

    Thanks brother

  • @JaimeBIDtravel
    @JaimeBIDtravel 2 года назад +1

    Nice one! Worth to watch. Just would suggest to remove the code from previous examples so newbies like me can focus better on what the code is doing. Or change border color for every example 🙏

  • @self-tilted
    @self-tilted 4 месяца назад

    THANK YOU GOOD MAN

  • @zensic
    @zensic 2 года назад

    Thank you!

  • @aaa4363
    @aaa4363 2 года назад +1

    Thanks!

  • @thecodetex
    @thecodetex 3 года назад +2

    Wonderful video, but would like a full video on CSS Grid(I'm waiting🕑)

    • @AdrianTwarog
      @AdrianTwarog  3 года назад +1

      It's on my list, if you saw that list, you might see why it takes ages!

  • @GabreilJamie
    @GabreilJamie Год назад

    cool video)

  • @volundros
    @volundros 3 года назад +1

    Weird. Every time I did this there was a space on the outside. I followed the tutorial exactly and it didn't do this to you.

    • @ryanedirisingha8532
      @ryanedirisingha8532 4 месяца назад

      Could be the veiwport or the container, container comes with a padding naturally

  • @stevepires9209
    @stevepires9209 2 года назад +1

    This is outdated though. Starting with 5.1 you can opt-in to CSS Grid system (not row/col but grid/g-col instead) which will be the way to go.
    This tutorial is good but the row/col has been there since Bootstrap 3 which was released almost 10 years ago...

  • @AozenDreyar
    @AozenDreyar 2 года назад +1

    where is part 2?

  • @Uncaught_in_promise
    @Uncaught_in_promise 3 года назад +1

    Having such a wide monitor, are you having troubles with testing responsive websites / designs (desktop, tablet, mobile)?
    How do you figure out what your design would look on average full HD screen / laptop?

    • @AdrianTwarog
      @AdrianTwarog  3 года назад

      I have 4 browsers that I can open on each responsive viewport to test live as I develop!

    • @velocity4739
      @velocity4739 2 года назад

      @@AdrianTwarog which 4 browsers do you use?

  • @SohailKhan-tc8uz
    @SohailKhan-tc8uz 3 года назад

    Brother please make a crash course on Tailwind CSS.

  • @balajiravi9259
    @balajiravi9259 3 года назад +2

    How to add the space between two columns?

    • @mudassirsayed8703
      @mudassirsayed8703 3 года назад

      add gx-4 Or any number of spaces in a row div
      gx is for horizontal gaps and gy is for vertical

  • @gauravpandey3722
    @gauravpandey3722 3 года назад

    I have 3 columns and want vertical divider line between them. So i added extra two divs with border width 2px and problem is 3rd div breaks into new line, how to fix that?

  • @kingmahdi-l6s
    @kingmahdi-l6s 4 месяца назад

    How can understand that site need to wich columns how can we split it?

  • @pavankumard5276
    @pavankumard5276 Год назад

    If we specify 2 for sm and 4 for md what happens when we go to lg or xs

  • @GnanaAkilan
    @GnanaAkilan 5 месяцев назад

    What to do to bring gap between them?

  • @letmebe.9401
    @letmebe.9401 2 года назад

    How is it flexed without using d-flex?

  • @piotrszymanski8325
    @piotrszymanski8325 3 года назад +2

    I really like your content, but the last example of this video, about nesting is totaly broken. Documentation says that it is invalid when nesting container class div inside other container class div.

    • @AdrianTwarog
      @AdrianTwarog  3 года назад +1

      Thanks for this, indeed it should just have been a row inside the column, and not a container with a row. Thanks for that I didn't spot it!

  • @zitansalehin6941
    @zitansalehin6941 3 года назад

    How to use xs?.. can't work col-xs-#

  • @SirenOfCode
    @SirenOfCode Год назад

    Where's part two?

  • @matteomazzone4098
    @matteomazzone4098 2 года назад

    Using The zoom is confusing AF. Why not Chrome dev mode?

  • @yaiirable
    @yaiirable 2 года назад

    i thought the cherno had switched from c++

  • @arkamaldeen8653
    @arkamaldeen8653 11 месяцев назад

    I thought he was Mr. Beast for a second.😂

  • @jutublizard
    @jutublizard 3 года назад

    Adrian Biały Ser :D

  • @RealMehedi
    @RealMehedi 3 года назад

    Is Mr. Beast your brother?

  • @muhammadsaad4967
    @muhammadsaad4967 Год назад

    Mrbeast looks like you :)

  • @dominicdeheuer937
    @dominicdeheuer937 2 года назад

    I thought you also taught on Udemy?

  • @milkmeapollo9048
    @milkmeapollo9048 2 года назад

    After watching this I think I just come to terms that front end development just sucks and is confusing

  • @maweryoutube9852
    @maweryoutube9852 3 года назад

    I like the content, but I did not like that you kept moving your head, body, and hands all the time which distracted me and made me not to be able to follow you during the video. Please try not to move and that will be better for all.

  • @faridagl
    @faridagl 2 года назад

    Couldn't focus on anything except your hands, moving all the time.

  • @adameleraky9382
    @adameleraky9382 9 месяцев назад

    O-Tho -_-

  • @jcd9456
    @jcd9456 Год назад

    Too fast.

  • @vidit1001
    @vidit1001 3 года назад

    Pls pls pls dont shake yourself too much

  • @neoastral7950
    @neoastral7950 Год назад

    you write too fast man

  • @foxen4515
    @foxen4515 Месяц назад

    over action🤮🤢

  • @rivazmardani
    @rivazmardani 2 года назад

    thx mate

  • @Deprinlumeadunate
    @Deprinlumeadunate Год назад

    Thanks !