Using the Bootstrap 4 Grid | BOOTSTRAP 4 TUTORIAL
Вставка
- Опубліковано 5 жов 2024
- The grid is one of the core assets of Bootstrap 4 - time to take a closer look and understand how you may use it!
You prefer CSS? Join the full CSS course: acad.link/css
Check out all our other courses: academind.com/...
----------
Source Code: github.com/aca...
Watch the Series on academind.com: www.academind....
Official Grid Documentation: getbootstrap.co...
Dive Deeper into Flexbox: academind.com/...
----------
• Go to www.academind.com and subscribe to our newsletter to stay updated and to get exclusive content & discounts
• Follow @maxedapps and @academind_real on Twitter
• Join our Facebook community on / academindchannel
See you in the videos!
----------
Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice! - Наука та технологія
This legend explained the whole grid system so well in 18 minutes, bless your life bro. @Academind
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 :)
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...
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.
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
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!!!
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!
Wow, just fantastic to read that Nancy, thanks a lot for your comment!
The only guy on UA-cam that could explain it so simply
Your teaching style is so neat. I felt like i am attending one of my favorite teacher's class. Thanks for the tutorial.
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!
Thank YOU for your awesome feedback and support Stanley, this really means a lot to me!
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
Nice and simple explanation without all the excess filler and blabbing that other people do. Excellent work mate!
One of the most useful materials I’ve ever come across for a particular subject.
I love that just typing .container made div with that class. Had to look up that it was called "Emmet".
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
Good explanation on the col-md/ col-xs / col-lg part :) been researching myself but still going nowhere until I saw this video. Nice !
doing your flutter course currently and i am in love with you voice man
So many tuts on grid but the clarity I got from you...hats off!
I love this guy soo much, I used his Vuejs Course and damn, he's sooo good. I like the way he teaches.
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.
Glad you enjoyed it!
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!
Happy to read that the video was helpful for you Mohamed, thanks a lot for sharing this!
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!
Happy to read that the video was helpful, thanks a lot for your comment!
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!
Thank you very very much for this awesome feedback, honestly great to read such comments!
Was tired of media queries and flex boxes..Thanks sir..Awesome one!!
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!
Happy to read that, thank you, all the best for your project :)
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.
Wow, thank YOU so much for sharing your wonderful feedback!
Can someone give this guy a medal plz. tq boss went through many videos but didn't understood it. This guy love you bro ❤❤❤❤
one of the best tutorials on bootstrap / css i have seen sofar.
I don't understand 100% of the spoken English, but I understood perfectly what was explained.
Incredible teaching, thank you.
Definitely the best tutorial I've seen on bootstrap yet. Good job, young man.
Thank you, very clear explanation. I wonder, why they decide to have 12 columns and not 10 ?
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 :)
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 UA-cam. Thanks Max!
Thanks so much for your support on Udemy and for your great feedback :)
Can you name that course name or instructor name
@@nishanthmurugan5502 Angular - The Complete Guide (2021 Edition)
Very impressive. Clean, clear, well cut (especially in the to-and-from examples and code) and perfect tempo. Thank you!
Thank you Duke, happy to read that!
I missed this great video from 2 years ago ! Thx Max, the best teacher on earth/internet
This is by far the most effective tutorial I have seen on this
Thank you :)
Fantastic explanation dude, i was pretty confused when the teachers explained bootstrap for the first time but this makes more sense thanks!
Definitely the best beginner introduction to current version of Bootstrap (4). Thank you!
Thanks so much for this awesome feedback!
I had trouble when starting out with BootStrap as I didn't really understand after reading MDN, however, this clears it up. Thank you.
Happy to read that I could make things clearer for you Abhishek, thank you for sharing this!
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.
Seriously helpful info on bootstrap 4 grid, training a junior developer and this was just what we needed.
So awesome to read that, thank you so much for sharing this!
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!
I understood all of it! finally. Thank you! watching more.
just 18 minutes and direct to the point, thank you for the video. Keep it up :)
Max!! You're great.. I always keep this video handy if I forget something. Thank you!!
you are my favorite teacher in this word .. God bless you
Instantly subscribed after watching this video...
Hoping to learn more from this channel👍🏻
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.
A project series using Bootstrap is definitely not unlikely :)
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!!!
Thanks so much for this awesome feedback!
@@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
Thank youu for this! Been trying to make a design with bootstrap. This just solved my problems!
I've learnt more about web development from vids just like this one than I did in 3 years of CS degree
I love the way you explain stuff man. You are freaking awesome and thank God you started making videos. Keep it up!
Max, thanks a lot. I have become a way better professional since I bought your courses and watched the vids on your channel. You're awesome!
It honestly means a lot to me to read that, thanks so much for this awesome feedback!
yo, these tutes slaps. the exact perfect pace for my own. thanks a lot!
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
Wow, I really want to thank you for this fantastic feedback!
Great content and extremmely clear. Very few explain things as clear as you. You got a new subscriber
You have one of the best tutorials in the business !!
You made it a lot easier for me. thanks!!
Phenomenal teaching! I Just also got your React course. Looking forward to it too :)
I never understood this concept until I looked at this video. Thanks dude!
What way to explain man you are just love
amazing video. This is always by BS4 reference whenever I have to work in it
This is a great explanation! A big thank you from Sri Lanka!
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
thanks first time looking to bootstrap and i understand every thing thansk for the amazing explaning
You are an awesome guy just found your channel few weeks ago and bought you react course love the way of your teaching
Thank you very much for your wonderful feedback and for your support! So great to have you on board here and on Udemy!
Wow! First understandable explanation for me! Thank you so much!
This is pure gold for my project thank you so much !!!!
You teach extremely good!!! Keep up ur good work and all the best.
Thanks so much Pritam, I'll do my best to keep it up :)
i would like to say the explanation was very simple and clear . thanks
Happy to read that David, thank you :)
Your content man is really helpful
Keep up doing the great work
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.
big big fan to you sir
you learn the concepts with the right way , so teach it with this awesome way
thanks A LOT
*Merry Christmas ⛄🎄*
thank you. I had watch lots of bootstrap grid explanation and this video explain well
I am newbegginer Sir,so i understood it ver easily, Alot of thanks Sir.
That's great to read Mohammed, thanks a lot for your comment!
Thank you so much you explained more in a
Excellent. Officially my go-to explanation video for Bootstrap grid from now on :)
So cool to read that Conny, thanks a lot for this awesome feedback!
Wow I missed out on so much, just getting into bootstrap.. often used custom css with display flex
Very nicely done. If I may, would it be possible to see actual text and jpeg in the actual positions of this lesson. The skeletal is conventional, but it would impact great, I think, with actual material. Thanks really good video.
This was exactly what I was needing dude
youve helped me so much with my final project, amazing work my dude
Awesome to read that, thanks a lot for your comment!
Thank you very much
I didn't understand this at first, but now I do
Keep up the great videos
Awesome to read that, I'll try my best to keep it up!
This was a beautiful video that was explained even more beautiful!
Thank you for helping me build my first website.
Lol. I’m taking your angular course in udemy and I literally screamed when you appeared on this YT tutorial hahaha! Great job as always!
Hope I didn't scare you too much Jai :D Thanks a lot for your awesome feedback!
Best tutorial on Bootstrap 4 on UA-cam. Thanks a ton!
So happy to read that you like it Saurabh, thanks so much!
I have purchased your PWA course from udemy. Plan to complete your react and javascript course in 2019.
Very thorough and yet so concise!! Thanks
You are a very good teacher. I'am looking forward to see more videos from you. Thank you..
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
Well done - this is a difficult concept to explain - and to understand. Thank you for making this video!
seriously helpful video , I understand bootstrap grid pretty good now :)
Thanks for posting this video. The grid makes sense seeing it for the second time!
Thanks so much for your comment, really happy to read that the video was helpful!
You're a saviour to me, definitely passing my exam 'cause of you! Cheers,mate
It really means a lot to me to read that Dominik, thank you very much for sharing this!
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
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 :)
Thanks for this Max! Your Bootstrap tutorials are wonderfully helpful!
So great to read that you like the series, thank you for sharing this!
Flex Grid Positioning Capabilities of Bootstrap 4. Beautifully explained. Thanks.
{2021-10-31}
Thanks for this videos it make me feels good to study the bootstrap
Thank you. You are a very good educator.
Best bootstrap grid totorial out there! Thank you!
amazing. you cleared concepts very well. Thank you!
Hi..!! Could you also please provide some videos on react-bootstrap with react-js? Thank you in advance for your great help.
thank you I'm doing a project and I didn't under stand it in class and this makes so much more sense \[T]/
Man,
your teaching is the best! Thanks!
Wow! Another great video! THANK YOU! I got my grid all setup now!
Awesome to read that Kajavia, thank you!