Using the Bootstrap 4 Grid | BOOTSTRAP 4 TUTORIAL

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

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

  • @dinfarfar1020
    @dinfarfar1020 6 ปีที่แล้ว +118

    This legend explained the whole grid system so well in 18 minutes, bless your life bro. @Academind

    • @academind
      @academind  6 ปีที่แล้ว +18

      I don't know what to say Marvin, it's just amazing to receive such a fantastic feedback! This definitely means a lot to me :)

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

    The only person on the whole youtube who explains directly to the point in sweet 18 mins rather than 1-2 hrs video....salute you bro...

  • @Schwuuuuup
    @Schwuuuuup 3 ปีที่แล้ว +5

    This video is pure gold: great pacing, perfect clarity - visually and structurally, very good sound. And for me as a non-native English speaker: understandable wording. It was exactly what I was looking for and more so what I needed. Thanks man.

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

    The only guy on TH-cam that could explain it so simply

  • @1xLuis
    @1xLuis 4 ปีที่แล้ว +16

    Thank you, I was having a hard time making my site responsive with css flex and grid, so to make things faster I decided to use bootstrap, but got lost on how to use it, now i finally started getting some very cool results thank you so much

  • @stanleyqc2244
    @stanleyqc2244 5 ปีที่แล้ว

    Hey Max,
    I've been to colleges and universities. You're honestly the best instructor I've ever seen.
    I've learned most of my "modern" programming stuff (Vue, React, React Native, Laravel) from your courses.
    Thank you for what you're doing!

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

      Thank YOU for your awesome feedback and support Stanley, this really means a lot to me!

  • @DaNumba1Rapper
    @DaNumba1Rapper 4 ปีที่แล้ว

    Nice and simple explanation without all the excess filler and blabbing that other people do. Excellent work mate!

  • @rokselko4488
    @rokselko4488 4 ปีที่แล้ว +6

    Brooooo I've literally been searching for how to vertical align using Bootstrap for an hour and I was about to lose my mind over this. Thank you so much man!!!

  • @nancylwhite
    @nancylwhite 5 ปีที่แล้ว +6

    Thank you so much! I feel like I've watched 100 videos on "getting started" with Bootstrap grid. This one is just what I've been looking for! I get it now! Great presentation!

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

      Wow, just fantastic to read that Nancy, thanks a lot for your comment!

  • @renishadesra7336
    @renishadesra7336 4 ปีที่แล้ว

    So many tuts on grid but the clarity I got from you...hats off!

  • @mohiuddinchowdhury4139
    @mohiuddinchowdhury4139 5 ปีที่แล้ว +8

    Your teaching style is so neat. I felt like i am attending one of my favorite teacher's class. Thanks for the tutorial.

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

    One of the most useful materials I’ve ever come across for a particular subject.

  • @U-Trance
    @U-Trance 5 ปีที่แล้ว

    Yes! One of the best guides for a total starter in bootstrap like me! I made this whole site and my boss (im an intern) told me to rewrite the whole positioning in bootstrap and this is gonna help loads!

    • @academind
      @academind  5 ปีที่แล้ว

      Happy to read that, thank you, all the best for your project :)

  • @445gautam
    @445gautam 2 ปีที่แล้ว

    Can someone give this guy a medal plz. tq boss went through many videos but didn't understood it. This guy love you bro ❤❤❤❤

  • @victorsayshi7944
    @victorsayshi7944 5 ปีที่แล้ว +3

    Good explanation on the col-md/ col-xs / col-lg part :) been researching myself but still going nowhere until I saw this video. Nice !

  • @aresgod112
    @aresgod112 5 ปีที่แล้ว

    To be honest this is the best tutorial I have ever seen . Chopping Bootstrap exactly where I couldn't understand it. LOVE IT !!!! Thank you Max!

    • @academind
      @academind  5 ปีที่แล้ว

      Thank you very very much for this awesome feedback, honestly great to read such comments!

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

    I don't understand 100% of the spoken English, but I understood perfectly what was explained.
    Incredible teaching, thank you.

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

    one of the best tutorials on bootstrap / css i have seen sofar.

  • @animauxlife7107
    @animauxlife7107 4 ปีที่แล้ว +7

    I love this guy soo much, I used his Vuejs Course and damn, he's sooo good. I like the way he teaches.

  • @3riodokaos333
    @3riodokaos333 5 ปีที่แล้ว

    Thanks for the lesson! I used to use Bootstrap3 three years ago, but I was rusty after a while without coding. This helped me a lot! You are a great teacher!

    • @academind
      @academind  5 ปีที่แล้ว

      Happy to read that the video was helpful, thanks a lot for your comment!

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

    I thaught this is a clickbait but actually he put a video of 2 hours into 18 min long video
    This is called bootstrap mastering
    Thank you sir

  • @nekonesto7647
    @nekonesto7647 4 ปีที่แล้ว

    I've been using this for a while, but never bothered to understand what 'lg' or 'sm' meant. You sir just got yourself a subscriber. Thank you and keep up the good work :)

  • @mohamedosama5264
    @mohamedosama5264 5 ปีที่แล้ว

    i've just watched the video about the grid in the course i'm studying from and it wasn't so clear so i thought i should randomly search for another video on youTube about grid and i'm glad i've watched yours you made it so easy and clear..Thanks buddy!

    • @academind
      @academind  5 ปีที่แล้ว

      Happy to read that the video was helpful for you Mohamed, thanks a lot for sharing this!

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

    This video is incredible, thank you for putting in the effort to make such an informative video. I learned more in this 18 minute video than I have this entire semester.

    • @academind
      @academind  4 ปีที่แล้ว

      Glad you enjoyed it!

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

    doing your flutter course currently and i am in love with you voice man

  • @debs0630
    @debs0630 5 ปีที่แล้ว

    Thank you I am so glad I found you.. I've watched so many youtubes trying to get back into making my own web and forgot a few things plus there is a lot of new stuff since I last tried.. but I could not understand the other people trying to teach, or the videos were unwatchable.. You are great so easy to understand and I can actually read what is on the screen.

    • @academind
      @academind  5 ปีที่แล้ว

      Wow, thank YOU so much for sharing your wonderful feedback!

  • @Saiphes
    @Saiphes 6 ปีที่แล้ว +10

    I love that just typing .container made div with that class. Had to look up that it was called "Emmet".

    • @SrivikasVishnubhotla
      @SrivikasVishnubhotla 4 ปีที่แล้ว

      Thank you. I was searching how is he doing that but didn't know how or what to search. YT comment section does help some times. :D

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

    I missed this great video from 2 years ago ! Thx Max, the best teacher on earth/internet

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

    Great to have found another video of yours. Since I bought your Angular course on Udemy I couldn't be happier to find more and more great videos of you here on TH-cam. Thanks Max!

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

      Thanks so much for your support on Udemy and for your great feedback :)

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

      Can you name that course name or instructor name

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

      @@nishanthmurugan5502 Angular - The Complete Guide (2021 Edition)

  • @excellentmike
    @excellentmike 6 ปีที่แล้ว

    Definitely the best beginner introduction to current version of Bootstrap (4). Thank you!

    • @academind
      @academind  6 ปีที่แล้ว

      Thanks so much for this awesome feedback!

  • @gaishiya7696
    @gaishiya7696 4 ปีที่แล้ว

    Was tired of media queries and flex boxes..Thanks sir..Awesome one!!

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

    just 18 minutes and direct to the point, thank you for the video. Keep it up :)

  • @SmoothWingman
    @SmoothWingman 5 ปีที่แล้ว

    what i liked here
    the code video quality top class
    enthusiasm of teacher on point
    teacher image popping up in bottom of screen that also well done better then screen sharing ..creative ..deserves appreciation...
    and yet the best css/sass grid tutorial i've seen!!!

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

      Thanks so much for this awesome feedback!

    • @SmoothWingman
      @SmoothWingman 5 ปีที่แล้ว

      @@academind much deserved...and by now update I have learnt bootstrap 4 grid
      Worked on laravel bootstrap project
      Converted to sass to css and also learnt that css can still be written in .scss files
      Pushed navbrand to left and navbar to right...
      Sent all the code to GitHub
      Thx a ton for being part of the hustle

  • @dukeduvel6097
    @dukeduvel6097 5 ปีที่แล้ว

    Very impressive. Clean, clear, well cut (especially in the to-and-from examples and code) and perfect tempo. Thank you!

    • @academind
      @academind  5 ปีที่แล้ว

      Thank you Duke, happy to read that!

  • @colmduffy2272
    @colmduffy2272 5 ปีที่แล้ว

    This is by far the most effective tutorial I have seen on this

    • @academind
      @academind  5 ปีที่แล้ว

      Thank you :)

  • @TheBnjmnlrd
    @TheBnjmnlrd 5 ปีที่แล้ว +8

    I understood all of it! finally. Thank you! watching more.

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

    I have learned a lot from the courses you teach from udemy. Great explanations sir you help me a lot in my studies. Now I'm a freelance developer. throughout my journey, I learned a lot from you. your teaching style is very engaging. I have recommended your courses to many of my friends and colleges cuz I know how you teach. Thank you.

  • @NeONBRAND
    @NeONBRAND 6 ปีที่แล้ว

    Seriously helpful info on bootstrap 4 grid, training a junior developer and this was just what we needed.

    • @academind
      @academind  6 ปีที่แล้ว

      So awesome to read that, thank you so much for sharing this!

  • @ranamdissa
    @ranamdissa 4 ปีที่แล้ว

    Maximilian and company, thanks a lot for your videos and courses. I really appreciate the way you explain things. I have learnt a lot from your courses. Thanks!

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

    Definitely the best tutorial I've seen on bootstrap yet. Good job, young man.

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

    Max!! You're great.. I always keep this video handy if I forget something. Thank you!!

  • @aindoria
    @aindoria 6 ปีที่แล้ว

    I had trouble when starting out with BootStrap as I didn't really understand after reading MDN, however, this clears it up. Thank you.

    • @academind
      @academind  6 ปีที่แล้ว

      Happy to read that I could make things clearer for you Abhishek, thank you for sharing this!

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

    Flex Grid Positioning Capabilities of Bootstrap 4. Beautifully explained. Thanks.
    {2021-10-31}

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

    you are my favorite teacher in this word .. God bless you

  • @programmingpablo4963
    @programmingpablo4963 4 ปีที่แล้ว

    I love the way you explain stuff man. You are freaking awesome and thank God you started making videos. Keep it up!

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

    Thank you, very clear explanation. I wonder, why they decide to have 12 columns and not 10 ?

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

    Fantastic explanation dude, i was pretty confused when the teachers explained bootstrap for the first time but this makes more sense thanks!

  • @zaheershaikh3797
    @zaheershaikh3797 4 ปีที่แล้ว

    Instantly subscribed after watching this video...
    Hoping to learn more from this channel👍🏻

  • @geriba001
    @geriba001 4 ปีที่แล้ว

    Wow! First understandable explanation for me! Thank you so much!

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

    Great content and extremmely clear. Very few explain things as clear as you. You got a new subscriber

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

    yo, these tutes slaps. the exact perfect pace for my own. thanks a lot!

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

    Thank youu for this! Been trying to make a design with bootstrap. This just solved my problems!

  • @SpaYco
    @SpaYco 4 ปีที่แล้ว

    thank you for this video,
    you're the best one in explaining all this, whenever I try looking up some explanations they don't know how to explain it except for you.
    well done

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

    This is pure gold for my project thank you so much !!!!

  • @rave4e
    @rave4e 4 ปีที่แล้ว

    You have one of the best tutorials in the business !!
    You made it a lot easier for me. thanks!!

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

    This is a great explanation! A big thank you from Sri Lanka!

  • @bjornarmar2462
    @bjornarmar2462 4 ปีที่แล้ว

    In-fucking-credible. The absolute BEST explanation of Bootstrap Grid I have ever found. I can't think of any questions I might still have after this presentation. Thank you so much, good sir. Insta-subbed.

  • @crazychannel7472
    @crazychannel7472 5 ปีที่แล้ว

    You are amazing i search this for a lot of time e you are the only guy that give me a really nice and good explain to how boostrap grid work thanks

    • @academind
      @academind  5 ปีที่แล้ว

      Wow, I really want to thank you for this fantastic feedback!

  • @saurabh75prakash
    @saurabh75prakash 5 ปีที่แล้ว

    Best tutorial on Bootstrap 4 on TH-cam. Thanks a ton!

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

      So happy to read that you like it Saurabh, thanks so much!

    • @saurabh75prakash
      @saurabh75prakash 5 ปีที่แล้ว

      I have purchased your PWA course from udemy. Plan to complete your react and javascript course in 2019.

  • @OmarAli-mc7ri
    @OmarAli-mc7ri 3 ปีที่แล้ว

    thanks first time looking to bootstrap and i understand every thing thansk for the amazing explaning

  • @ammaraasif7887
    @ammaraasif7887 4 ปีที่แล้ว

    Excellent tutorial. The best so far !!!!!!

  • @Mrqishooo
    @Mrqishooo 5 ปีที่แล้ว

    i would like to say the explanation was very simple and clear . thanks

    • @academind
      @academind  5 ปีที่แล้ว

      Happy to read that David, thank you :)

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

    Very thorough and yet so concise!! Thanks

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

    thank you. I had watch lots of bootstrap grid explanation and this video explain well

  • @alexis3170
    @alexis3170 4 ปีที่แล้ว

    I've learnt more about web development from vids just like this one than I did in 3 years of CS degree

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

    amazing video. This is always by BS4 reference whenever I have to work in it

  • @humzaarain1144
    @humzaarain1144 4 ปีที่แล้ว

    What way to explain man you are just love

  • @greghanson7047
    @greghanson7047 4 ปีที่แล้ว

    Thank you. You are a very good educator.

  • @tobiasrasmussen4347
    @tobiasrasmussen4347 4 ปีที่แล้ว

    You are a MASTER teacher!!

  • @davidallsopp4030
    @davidallsopp4030 4 ปีที่แล้ว

    Bootstrap Grids are awesome!

  • @cbrunnkvist
    @cbrunnkvist 6 ปีที่แล้ว

    Excellent. Officially my go-to explanation video for Bootstrap grid from now on :)

    • @academind
      @academind  6 ปีที่แล้ว

      So cool to read that Conny, thanks a lot for this awesome feedback!

  • @PUK1SVA
    @PUK1SVA 4 ปีที่แล้ว

    Best bootstrap grid totorial out there! Thank you!

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

    *Merry Christmas ⛄🎄*

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

    Your content man is really helpful
    Keep up doing the great work

  • @tkdevlop
    @tkdevlop 6 ปีที่แล้ว

    You are an awesome guy just found your channel few weeks ago and bought you react course love the way of your teaching

    • @academind
      @academind  6 ปีที่แล้ว

      Thank you very much for your wonderful feedback and for your support! So great to have you on board here and on Udemy!

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

    You teach extremely good!!! Keep up ur good work and all the best.

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

      Thanks so much Pritam, I'll do my best to keep it up :)

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

    Phenomenal teaching! I Just also got your React course. Looking forward to it too :)

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

    amazing. you cleared concepts very well. Thank you!

  • @omarAhmed-wt8kx
    @omarAhmed-wt8kx 4 ปีที่แล้ว

    big big fan to you sir
    you learn the concepts with the right way , so teach it with this awesome way
    thanks A LOT

  • @DavidLikesToTravel
    @DavidLikesToTravel 6 ปีที่แล้ว

    Thanks for this Max! Your Bootstrap tutorials are wonderfully helpful!

    • @academind
      @academind  6 ปีที่แล้ว

      So great to read that you like the series, thank you for sharing this!

  • @mystique9
    @mystique9 6 ปีที่แล้ว

    You are a very good teacher. I'am looking forward to see more videos from you. Thank you..

    • @academind
      @academind  6 ปีที่แล้ว

      Thank you so much for your awesome feedback Semih, this honestly means a lot to me! In case you're interested, you can also find an overview of the topics we cover on our website: academind.com/learn

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

    Excellent explanation. Thank you.

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

    Great presentation! Very useful. Thanks.

  • @danb2839
    @danb2839 4 ปีที่แล้ว

    I never understood this concept until I looked at this video. Thanks dude!

  • @timharris72
    @timharris72 6 ปีที่แล้ว

    Thanks for posting this video. The grid makes sense seeing it for the second time!

    • @academind
      @academind  6 ปีที่แล้ว

      Thanks so much for your comment, really happy to read that the video was helpful!

  • @mohammedshamsulislam1382
    @mohammedshamsulislam1382 6 ปีที่แล้ว

    I am newbegginer Sir,so i understood it ver easily, Alot of thanks Sir.

    • @academind
      @academind  6 ปีที่แล้ว

      That's great to read Mohammed, thanks a lot for your comment!

  • @skturan2524
    @skturan2524 6 ปีที่แล้ว

    Thanks man, your video tutorials are awesome. you always explain all the details about the code and much more. video sound quality is also super cool. keep up the good work

    • @academind
      @academind  6 ปีที่แล้ว

      Thanks so much for your wonderful feedback! Especially it's great to read that you like the sound quality, we changed a lot regarding that some weeks ago :)

  • @tristandahl114
    @tristandahl114 4 ปีที่แล้ว

    This was a beautiful video that was explained even more beautiful!
    Thank you for helping me build my first website.

  • @Jhon-hy6xk
    @Jhon-hy6xk 5 ปีที่แล้ว +1

    Hello from Brazil! You're the best!!

    • @academind
      @academind  5 ปีที่แล้ว

      Thank you, greetings from Germany!

  • @matthijshebly
    @matthijshebly 4 ปีที่แล้ว

    Some of the best tutorials available.
    Thanks so much.

  • @george-cann
    @george-cann 3 ปีที่แล้ว

    Thank you so much you explained more in a

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

    This has been incredibly helpful! Thank you!

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

    seriously helpful video , I understand bootstrap grid pretty good now :)

  • @danielarodriguezminsky9643
    @danielarodriguezminsky9643 4 ปีที่แล้ว

    You ARE such a Great EXPLAINER!!! Thank you soooo much!

  • @AnkitkumarChheda
    @AnkitkumarChheda 6 ปีที่แล้ว

    Much needed video. Thanx max. Its a great help. Can you have a series using a short project with bootstrap 4. Migrating from BS3 to BS4 is tricky and sometimes confusing.

    • @academind
      @academind  6 ปีที่แล้ว

      A project series using Bootstrap is definitely not unlikely :)

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

    Dis a great wideo! I understood about 2 ferds of it but I love it.

  • @shaheenk2987
    @shaheenk2987 5 ปีที่แล้ว

    Excellent... no words to say appreciation

    • @academind
      @academind  5 ปีที่แล้ว

      Wow, thank you so much Shaheen!

  • @earthlydigital5248
    @earthlydigital5248 4 ปีที่แล้ว

    This was very helpful, thank you.

  • @singkayjay
    @singkayjay 5 ปีที่แล้ว

    Wow! Another great video! THANK YOU! I got my grid all setup now!

    • @academind
      @academind  5 ปีที่แล้ว

      Awesome to read that Kajavia, thank you!

  • @AllthingsFoodieTX
    @AllthingsFoodieTX 4 ปีที่แล้ว

    Bootstrap makes life so easy