I hope you liked the video. If you are already here in the comment section, I invite you to let me know what other videos would you like to see in the future. Also, share any other feedback that you have on this video! I don't run ads on tutorials - the only value I get is your engagement in the MDB community. So if you would like to show your support: - Encourage more people to Keep Coding ---> Send this video to one person - Stay tuned for new content ---> Subscribe & ring the bell In the description, you will find links to some useful, free resources: 📥 Download Material Design for Bootstrap - FREE open-source UI KIT 🎓 Learn responsive web design with the latest Bootstrap 5 (full 1.5H course) 🎁 Join our mailing list & receive exclusive perks (free stuff that is normally behind a paywall) ⭐Support the creation of open-source packages with a STAR on GitHub 👪 If you have any questions - don't hesitate to ask on our Facebook group Thank you for your support!
WOW! I'm 62 yo but I'd like to learn something new. I've started watching HTML & CSS TH-cam series yesterday and now I've discovered this GREAT channel. I'll have to explore more since I'd like to build a few web sites based on database end. Bootstrap is really a powerful tool. Thx very much for the video.
Thank you, great to hear that! And if you like Bootstrap you will definitely love MDBootstrap. Have a look at this tutorial th-cam.com/video/gWs4y2DZngg/w-d-xo.html
I found this course extremely helpful and easier to understand compared to most courses out there . I will most certainly be using this when i create my portfolio page . Thanks again .
Currently learning laravel and i feel like i need to cover bootstrap functions a bit more, so i check out this video and your lecture is great. I love this. I learnt by reading official docs & your video at the same time, your lecture is quite helpful. Though this is crash course i think u should slow down your pace a bit. I think most beginners will struggle to follow your teaching.
Been here before with you. I'm studying a lot of stuff now so I have to stay current with BS5. Not assuming I know because I learned some new stuff I did not know from your last BS5 video overview. Great job as usual. You guys keep up the great work.
31:14 In the example shown on screen, the code looks something like this: Column Column Column Column Column .... Is there any way to move the "col-xxl-1 col-xl-2 col-lg-3 col-md-4..." to a separate CSS file, to make it something like: Column Column Column Column Column ... .xyz { col-xxl-1 col-xl-2 col-lg-3 col-md-4 col-sm-6 col-xs-12 }
Wow! I will do my first website with bootrap, thank you! Quick Question: How can I change the border radius of buttons though? Cheers keep up the good work.
I am completely beginner and I don't have much knowledge in these fields. And I am eager to learn bootstrap. But I am kind of confused should I learn Bootstrap 4 or Bootstrap 5? I asked one of my friend who is already little experienced and working as a freelancer for about 6 months. And he suggests me to learn Bootstrap 4 because bootstrap 5 is still very new and most of clients wants their project to be done with Bootstrap 4. And according to him it will be quite easy to shift from Bootstrap 4 to 5 once I learn 4 completely. Now I want your suggestion. What should I learn?
Learn Bootstrap 5 :) the first alpha version was released almost 1 year ago and it’s already widely adapted, so it’s not that new. And there is no doubt v5 is the future, not v4, so I suggest you to just start with the newest version
bootstrap is massive, this is just a kick-starter guide to help wrap your head around the concept, then when you need certain features you can go to the documentation when the time comes.
@@Kreepykrap92 I think the fundamentals of HTML/CSS are important first, you should have a good understanding of that then use the bootstrap library for ease of use because CSS can be a real headache.
This looks very interesting but I feel that kind of defeats the purpose of using a CSS cuz all the classes are writing it with an HTML and using HTML you have to put the code in and whereas in JavaScript it's all you just link it and give it a source it just seems like a little bit too much more work.
These are two different, independent instances, but working on the same technology. Material Design for Bootstrap is also free and open source. Check it yourself at mdbootstrap.com/
Hi...great job...I am stuck at carousel...my images are not at one spot...one image finishes and then the other image starts....like one after the other....all three in three rows...could you please help me...i cant find my mistake...thank you
Thanks for letting me know about the issue. Let me move this conversation to the forum, please create a ticket here: mdbootstrap.com/support/ It's much easier to solve issues there instead of the YT comment section. You can specify your device, browser, OS and above all, you can add a code snippet if you need. Me or one of my colleagues will do our best to help you out. PS. If your ticket refers to a video, please add the timestamp of the point where the problem occurred
Your video is very good and informative, and sorry, but you said the expression "um" 169 times and "uh" 239 times (169 + 239 = 408), open the transcription and see by yourself.
In the beginning I see the raws and columns numbers (11223) with a white plain background. How is that you have skyblue with separations between row/column cells?
Do you mean MDBootstrap? MDBootstrap greatly extends the capabilities of the standard Bootstrap and allows you to use it with new components and technologies. Check it yourself mdbootstrap.com/
To summarize the video, the first half (1) you are learning the basics to be able to learn Bootstrap 5 by yourself. The second half (2) you learning how to browse (or research) the Bootstrap 5 website to find the answers for yourself. Am I right? or it is just me? Anyway, I love your video, and I learned a lot.
No necessary as I also show how to initialize components. However in reality if we tried to cover each and every component in details vide would take 8 hours :) Therefore we are creating other dedicated videos for certain subjects like Bootstrap Grid, Navbars etc. Please check our channel for more.
I hope you liked the video. If you are already here in the comment section, I invite you to let me know what other videos would you like to see in the future. Also, share any other feedback that you have on this video!
I don't run ads on tutorials - the only value I get is your engagement in the MDB community.
So if you would like to show your support:
- Encourage more people to Keep Coding ---> Send this video to one person
- Stay tuned for new content ---> Subscribe & ring the bell
In the description, you will find links to some useful, free resources:
📥 Download Material Design for Bootstrap - FREE open-source UI KIT
🎓 Learn responsive web design with the latest Bootstrap 5 (full 1.5H course)
🎁 Join our mailing list & receive exclusive perks (free stuff that is normally behind a paywall)
⭐Support the creation of open-source packages with a STAR on GitHub
👪 If you have any questions - don't hesitate to ask on our Facebook group
Thank you for your support!
Probably the best explanation of the Bootstrap5 grid system out there. Thank you man.
WOW!
I'm 62 yo but I'd like to learn something new. I've started watching HTML & CSS TH-cam series yesterday and now I've discovered this GREAT channel.
I'll have to explore more since I'd like to build a few web sites based on database end.
Bootstrap is really a powerful tool. Thx very much for the video.
Thank you, great to hear that! And if you like Bootstrap you will definitely love MDBootstrap. Have a look at this tutorial th-cam.com/video/gWs4y2DZngg/w-d-xo.html
And if you want to play with databases and backend have a look at mdbgo.com/
I found this course extremely helpful and easier to understand compared to most courses out there . I will most certainly be using this when i create my portfolio page . Thanks again .
Glad it was helpful!
I was searching for a bootstrap 5 crash course a few days but I didn't get any video. finally, I got this wonderful video.
We'll definitely KEEP CODING if you continue making such nice tutorials! Love you bro!
Currently learning laravel and i feel like i need to cover bootstrap functions a bit more, so i check out this video and your lecture is great. I love this. I learnt by reading official docs & your video at the same time, your lecture is quite helpful.
Though this is crash course i think u should slow down your pace a bit. I think most beginners will struggle to follow your teaching.
Thank you for this.. Seen a lot of tutorial but they are advanced.. finally found a video to learn bootstrap as an beginner
Glad I could help!
Your examples are so helpful. Thank you for this great presentation.
Just starting new project, will use bootstrap 5 by the help of you. Thanks
A really nice run down. This is gonna save me hours per a site! Thanks :)
Been here before with you. I'm studying a lot of stuff now so I have to stay current with BS5. Not assuming I know because I learned some new stuff I did not know from your last BS5 video overview. Great job as usual. You guys keep up the great work.
This was a perfect introduction to the Bootstrap. Like and subscribe!
Excellent, excellent video. Will be saving this one. Thanks!
Awesome, thank you!
So helpful video, was very interesting to follow and learn something new as for beginner programmer. Thank you!
Glad it was helpful!
I have been avoiding bootstrap,but am here now.I have to be
proficient with bootstrap.
An excellent introduction, learned tons.
Thank you for sharing knowledge! And Bootstrap development team for sharing their amazing tool!
Thanks for watching!
VERY GOOD video! Love your style.
Glad you enjoyed it!
A really good intensive course, thanks a lot!
Thank you for the great video! Opening the code along you was very helpful as well!
Great Tutorial! Thanks :)
You're welcome!
this is too good. thanks
Happy to help.
Keep Coding :)
You've been very helpful, thank you so much!
31:14
In the example shown on screen, the code looks something like this:
Column
Column
Column
Column
Column
....
Is there any way to move the "col-xxl-1 col-xl-2 col-lg-3 col-md-4..." to a separate CSS file, to make it something like:
Column
Column
Column
Column
Column
...
.xyz { col-xxl-1 col-xl-2 col-lg-3 col-md-4 col-sm-6 col-xs-12 }
kudos to you bro, thanks for the amazing video!
Yo Bro, Thats quite a lot of content Thanks mann!!
No problem!
Great primer for Boostrap 5.
Thank you so much for making this great video. Happy to subscribe your amazing channel.
Thanks for the sub!
Very good tutorial, thank you
Glad it was helpful!
Thank you so much for this tutorial it was eye opening!
Hi there, What are your thoughts on using/learning bootstrap especially as a someone who is just learning HTML and CSS?
Definitely should try. Sooner or later you will have to learn some libraries.
Thank you for a great tutorial crash course.
Thank you so much, I learned a lot watching your awesome videos. Best regards
Thank you
Wow! I will do my first website with bootrap, thank you!
Quick Question: How can I change the border radius of buttons though? Cheers keep up the good work.
Enhance your Bootstrap with MDBootstrap and try this ;) mdbootstrap.com/docs/standard/components/buttons/#section-rounded
phenomenal content thank you for this
it's really good, thank you so much
I'm glad you like it :)
Fine tutorial here. You said that the Jumbotron was removed. Is there an alternative?
Thanks. Yes, there are alternatives. Have a look at mdbootstrap.com/docs/standard/extended/jumbotron/
Thanks, man!
Glad to help!
This was sooooo helpful
Awesome, Thank you so much :D
Nice lecture ,got a lot.
Glad to hear that
Thank you very much, it's very helpful
Glad to hear that!
Thanks bro, very useful.
thanks for the vid.
Thanks for watching!
bro u should tell from where u got that second script
there are some noob developers
Thank you very much
very nice!
Thanks for this video it's a awesome it's very useful
GOOD DAY AM NEW HEAR I LOVE YOUR TRAINING IS VERY COOL AND UNDERSTANDABLE
Nice👍🏼🔥
You're the best ❤️
Thank you :)
No problem 😊
I am completely beginner and I don't have much knowledge in these fields. And I am eager to learn bootstrap. But I am kind of confused should I learn Bootstrap 4 or Bootstrap 5? I asked one of my friend who is already little experienced and working as a freelancer for about 6 months. And he suggests me to learn Bootstrap 4 because bootstrap 5 is still very new and most of clients wants their project to be done with Bootstrap 4. And according to him it will be quite easy to shift from Bootstrap 4 to 5 once I learn 4 completely.
Now I want your suggestion. What should I learn?
Learn Bootstrap 5 :) the first alpha version was released almost 1 year ago and it’s already widely adapted, so it’s not that new. And there is no doubt v5 is the future, not v4, so I suggest you to just start with the newest version
@@Mdbootstrap Thanks 💜
Is this the complete course for bootstrap? Can we now design anything with bootstrap after this video? Or do we need more? Please guide
bootstrap is massive, this is just a kick-starter guide to help wrap your head around the concept, then when you need certain features you can go to the documentation when the time comes.
@@catshietbud fair enough. Can you guide me on how will I know that at this poibt of code, I need to use custom css?
@@Kreepykrap92 I think the fundamentals of HTML/CSS are important first, you should have a good understanding of that then use the bootstrap library for ease of use because CSS can be a real headache.
Thanks a lot!
Thanks
Thanks❤
Please explain nicely step by step slowly BS5 setup portion
Coud you rephrase? Which part exactly isn't clear
This looks very interesting but I feel that kind of defeats the purpose of using a CSS cuz all the classes are writing it with an HTML and using HTML you have to put the code in and whereas in JavaScript it's all you just link it and give it a source it just seems like a little bit too much more work.
Hello. Could you please share with me what color theme are you using in Visual Studio Code?
Better when you mention right from the start that you are promoting your commercial version, which pro version is not open source.
I'm sorry, but what are you talking about? The entire video is about Bootstrap 5, which is completely open-source and free.
Is Material Design a commercial arm of Bootstrap, like Automattic seems to be the profit making arm in the WordPress world?
These are two different, independent instances, but working on the same technology. Material Design for Bootstrap is also free and open source. Check it yourself at mdbootstrap.com/
@@Mdbootstrap thanks. I was a little unsure because the tutorial seems to be about plain Bootstrap but then it also seemed to be about MDBootstrap.
When doing it online, it says it requires node.js and also parcel. Are node.js and parcel included in the file that you showed downloading?
Hi...great job...I am stuck at carousel...my images are not at one spot...one image finishes and then the other image starts....like one after the other....all three in three rows...could you please help me...i cant find my mistake...thank you
Thanks for letting me know about the issue.
Let me move this conversation to the forum, please create a ticket here:
mdbootstrap.com/support/
It's much easier to solve issues there instead of the YT comment section.
You can specify your device, browser, OS and above all, you can add a code snippet if you need.
Me or one of my colleagues will do our best to help you out.
PS. If your ticket refers to a video, please add the timestamp of the point where the problem occurred
What's the difference between MDBootstrap and just normal Bootstrap?
MDBootstrap is a free library based on Bootstrap, which provides plenty of additional features, better design and even free hosting :)
Your video is very good and informative, and sorry, but you said the expression "um" 169 times and "uh" 239 times (169 + 239 = 408), open the transcription and see by yourself.
Thanks for the honest feedback ;) I'll keep that in mind
Hello sir,which theme are you use in vscode.
Hi, In this video you will find a name for this theme - th-cam.com/video/fh97jo6Xur8/w-d-xo.html
In the beginning I see the raws and columns numbers (11223) with a white plain background. How is that you have skyblue with separations between row/column cells?
Check course files, there is a bit of CSS responsible for that
Found it thanks :)
[class*="col"] {
padding: 1rem;
background-color: #33b5e5;
border: 2px solid #fff;
color: #fff;
text-align: center;
And then you mentioned the css just one minute later :D
It was nice
Hi, how are you serving the web page to the address 127.0.0.1:5500/index.html ? Where is the starting server ? Thanks.
th-cam.com/video/fh97jo6Xur8/w-d-xo.html&ab_channel=Keepcoding
Sir , do I need to learn this course ? I have learnt your previous bootstrap 5 course.
Hello. Previous is enough, but there are few changes worth paying attention to. Have a look and evaluates it yourself :)
@@Mdbootstrap Thanks:)
hummm nice
I'm trying to make two columns on the mobile view with this Bootstrap 5 code
Left
Right
But it's not working
Anyone can help?
UPDATE: I found the solution
We need to add the class col-6.
Left
Right
what is difference between MDN Bootstrap and Bootstrap5?
Do you mean MDBootstrap? MDBootstrap greatly extends the capabilities of the standard Bootstrap and allows you to use it with new components and technologies. Check it yourself mdbootstrap.com/
@@Mdbootstrap yep, i checked it. So which one should i use?
@@husler7424 definitely you should use MDBootstrap. Bootstrap itself is great, but together with MDBootstrap it's simply the best in the world ;)
There's a conflict at 576px according to these slides 19:35
Good tutorial, but low voice quality, sorry
Brother please teach us Tailwind CSS as well.☺️
Appreciate this work but Ifeel like really unorganized tutorial
How can I enable the code autocomplete?
th-cam.com/video/fh97jo6Xur8/w-d-xo.html&ab_channel=Keepcoding
To summarize the video, the first half (1) you are learning the basics to be able to learn Bootstrap 5 by yourself. The second half (2) you learning how to browse (or research) the Bootstrap 5 website to find the answers for yourself. Am I right? or it is just me? Anyway, I love your video, and I learned a lot.
No necessary as I also show how to initialize components. However in reality if we tried to cover each and every component in details vide would take 8 hours :) Therefore we are creating other dedicated videos for certain subjects like Bootstrap Grid, Navbars etc. Please check our channel for more.
how do i enable the grid
What do you mean by "enable"?
alerts and toads 🤣
👌👌👌👌👌 ❤️❤️❤️
Those mmms sound long even on 2x speed lol
poor sound quality
Thankyou "keep coding" sorry i don't know your name
sir create admin dashboard using bootstrap
I already did ;) th-cam.com/video/Ro1x0zYUwwA/w-d-xo.html
It is for beginners yet you talk too fast and don't explain what you are doing.
for the algo
Poor teaching
tl:dr: css for lazy ppl
ok but stop saying uuummmm all the time
I will try
@@Mdbootstrap Am I able to use the draggable application since bootstrap dropped Jquery?
Thanks