Bootstrap Beginner Crash Course

Want to learn Twitter Bootstrap? In this video we will cover the Twitter Bootstrap framework in depth from installation to all of the HTML/CSS components and features.
Grid System
Navbars & Dropdowns
Jumbotron
List Group
Alerts & Progress bars
Typography
Labels & Badges
Much More...
CODE - www.traversymedia.com/download...
9 HOUR BOOTSTRAP 4 COURSE W/5 PROJECTS:
www.udemy.com/bootstrap-4-fro...
BUILD AN ADMIN THEME VIDEO
• Build A CMS Admin Boot...
10 PROJECT BOOTSTRAP COURSE:
www.eduonix.com/affiliates/id...
SUPPORT THIS CHANNEL WITH A CUP OF COFFEE PER MONTH:
/ traversymedia
ONE TIME DONATIONS:
www.paypal.me/traversymedia

[@SnowDragon894163]

NOTES FOR BOOTSTRAP 4: 1. page-header alternative in bootstrap4: class="pb-2 mt-4 mb-2 border-bottom" 2. pull-right => float-right 3. blockquote-reverse can be imitated with "blockquote text-right" 4. list-inline -> add class="list-inline-item" to each one of your elements and that'll work. 5. Button sizing: btn-xs is not available in bootstrap4, there are only btn-lg and btn-sm classes. 6. Instead of text, use text 7. table-condensed -> table-sm 8. for row(tr) colouring use 'table-primary', 'table-danger', etc, just like the buttons 9. Panels in bootstrap 4 seem to have become Cards. 10. progress-bar-success -> bg-success 11. animated progress bar(active) -> progress-bar-animated 12. thumbnail -> img-thumbnail, img-rounded -> rounded, img-circle -> rounded-circle

[@wesen247]

Great comment, on behalf of everybody watching - Thank you!

[@auawgamer3470]

What would be the best way to install bootstrap? Manually downloading or by npm? Just was wondering what's best practice

[@vallmak]

Thanks for this

[@ghufrankhan2534]

Thanks alot brother!

[@HarshKapadia]

Thank you SO much!

[@metastash]

This was THE MOST HELPFUL beginner Bootstrap tutorial I've seen - Thanks!

[@skyemann9126]

yes, I agree

[@musicgaines7170]

not anymore

[@yonatandhan7282]

@@musicgaines7170 why?

[@cryptocoinkiwi8272]

Was going to thumbs up. But I see you have 420 thumb ups. Don't want to spoil it.

[@neelmistry7517]

Taught me what most other youtubers would take 1 month in just 1 hour. Mad respect bro.

[@reecegibbs93]

This completely changed the way I thought of CSS. I come from a totally 'back-end' background and have recently gotten into Full Stack Web Development and hadn't quite grasped the power of CSS until I came across this. Great stuff. Thank you!

[@seanalger2480]

Thanks so much for the tutorial. I've been teaching myself HTML, CSS, Bootstrap and JS and the CheetSheet will be a valuable resource and has really helped iron out some issues I had.

[@AnthonyWatsonMWArts]

Fantastic! The "live" demonstration of what each class does separates this from other tutorials.

[@bryancastille5946]

Thank you a million times over for this tutorial. You've demystified so many aspects of Bootstrap for me. And you have a great sense of humor.

[@ReddoX30]

Just wanted to say thank you for all this helpful information! I just finished this tutorial and I'm moving on to your "Build A CMS Admin Bootstrap Theme" tutorial. Good job, and keep them coming!

[@hrishikeshwaikar251]

After hunting for the right course to learn Bootstrap quickly without having to learn a lot of html and css , I found this one to be the best !!! Awesome work . Keep it up!

[@drewconroy5938]

Great as always! It seems in the last couple of years you have really exploded with your video production. I have watched your videos evolve for about the last 4 years now. These crash course, hour or so long videos you started producing are great. Especially if you just need a refresher.

[@TraversyMedia]

Thanks for sticking with me. What is funny is I had this channel since 2009 but didnt really put much work into until the beginning of 2016. I really wish I had started earlier because I would have much more subscribers.

[@drewconroy5938]

I wished I would have started coding earlier but better late than never:)

[@castleblack6941]

MAN I FUCKING LOVE YOU! I just catch up almost 2 weeks worth of my dev school class in 3 days thanks to you. You're amazing.

[@akt4257]

One of the best Bootstrap Tutorial I ever found on the KZbin. Thank you so much.

[@iongorincioi8598]

Awesome! I'm not a beginner and because haven't work for a while on the design using Bootstarp, I watched this video for refresh it, and WOW! Great job! Thank you.

[@Spades340]

I had been subscribed to your for a while but this was the first time that I had seen one of your tutorials. I learned a lot in a short period of time. Definitely going to check out the updated stuff on bootstrap and the rest of your vids.

[@nicola84palm]

Amazing! I restarted web developing after 12 years and I am learning all your tutorials.

[@ibrahimashmawi2832]

Thank you brad not only for this crash course but also for all of your courses. You are one of the most intelligent instructor. Your teaching skill are amazing. You make it looks very easy.Hope you the best for all of your life

[@brussells]

This is brilliant! Will probably purchase the 10 project course too just to concrete my bootstrap skills, and add it to my CV. Thank you so much for making such a clear and concise tutorial. And there was me worrying about using Bootstrap. You've helped eliminate some worry at least :D

[@irinadelgado876]

Thank you Brad, I always used the templates directly but is fun to know all the classes behind, I'm gaining confidence to design my own Templates. :)

[@neilwarburton2004]

Thanks for this, Stunned how quickly I picked it up.. don't know why I haven't done it sooner. So well delivered.

[@eddyjok]

I was looking for a step by step demo on how to use bootstrap and you nailed it. Thank you for this!

[@dreadblog]

Loving these beginner videos, while i'm a developer of 10+ years these are great for the apprentice developer i've just hired. I personally have found a lot of value in the Vue in 60 min video, i'd love to see more Vue ones.

[@WehrmachtHD]

lol srlsy your dev has to watch videos for beginners? xd

[@feikodelavieter7515]

yes cause attitude is 80% of the job.

[@scottrowe533]

Great Introduction to Bootstrap tutorial! I'm very impressed with the level of detail you provide, and the fact that you use best practices in your code (comments, uniform indents, horizontal rules between containers, etc.). I'm a frameworks newbie, but I will definitely be watching your other Bootstrap tutorials, as well as your Semantic UI and Foundation 6 videos as well. If you were to do an equally detailed introductory tutorial for one of the minimalist frameworks, like Pure CSS, I'm certain it would be very well received. Thank you very much and we appreciate your willingness to teach the next generation of front-end Web developers!

[@Ceraphy]

Awesome tutorial! I needed to learn bootstrap asap and that really helped me figure out what the heck I was doing and I was able to pull some ideas for my projects.

[@bremnerbenedict1876]

Good course, clear easy to follow and very helpful. It feels as if the curtain has lifted and I can see into what is behind it all. Many thanks!

[@barbgman]

This video gets everything together - after I have learn JavaScript and HTML - which means: I can decorate front-end, present good mobile experience, and provide comprehensive navigation and branding by simple steps. What a great teaching.

[@SonyaJuan1]

Although this isn't the updated Bootstrap it still helps a lot because now I can identify code from the older version and properly distinguish between the new and past markup/code. Thank you for the great tutorial and please make more!

[@thomaskindinger9498]

Great bootstrap course. Thank you for the informative video. Bootstrap finally clicked. Looking forward to watching more.

[@bre2smoove687]

I am new to learning to build websites and you are by far the greatest. I don't even comment on youtube videos. Thank you so much.

[@f_1289]

This is more useful than my whole class, thank you!!!

[@PhilosopherKing73]

Subscribed! Worked through your excellent HTML5 and CSS tutorial and I'm hooked....nice way to get viewers interested in your more advanced videos...BIG thumbs up!

[@durrhurr55]

Plz keep adding vids for beginner's and intermediate. I'll never give up despite not knowing things like how node works on cmd ... I'll continue to try and learn no matter what . It's been this way for years now. Slowly but surely I learn some things , the vids for intermediate and beginner really help in most cases

[@gamestv4875]

I use PHP Storm and what I love about this editor is that it gives syntax hinting for all the classes in bootstrap. Once PHPStorm has your jquery or bootstrap file information it can also help you with all the classes and functions in that specific file. Syntax completion at its best.

[@m12652]

Excellent as always....Sidetracking: I’ve watched a fair few web dev tutorials over the last year or so and noticed, and experienced myself, that the various text editors automatic code formatting doesn’t actually help. They actually just interrupt the typing flow and force you to continually use the arrow keys to get back to the correct position, or to correct the indentation. For what it’s worth, I switched off the auto formatting recently and wow! It’s hard to appreciate how counter productive it is until you stop using it.

[@apporvaarya]

yours is the best tutorial i have ever seen on you-tube for bootstrap. thank you for being so helpful :)

[@alexanderarena3134]

wow thank you so much! definitely want more of these. currently learning by using the Against The Clock Adobe book s for dreamweaver. this is way easier to digest. I also love hearing the side comments.

[@amygdala9543]

This tutorial was very helpful! Thank you especially for breaking down the grid. Still trying to wrap my brain around it!

[@globaltraveller007]

Really enjoyed this video...I've been looking for an easy to understand intro to bootstrap and this was perfect. Thanks very much.

[@zarastern2238]

jfc man, y really r the best guy on internet ))) saved me with my school project! Love the way you explain every little thing for beginners like me, thank you! carry on with tutorials, they are amazing!

[@doublem8135]

First ever tutorial I ever enjoyed in years! Good Job!

[@whatsmyageagain91]

Very very handy tutorial, many thanks for this one!

[@ariolverab]

So complete and minimalistic!. Would be great a Bootstrap 5 complete course on Udemy or better, on your platform. Thanks Brad !

[@mornila]

I was wondering why you didn't mention grid, and then you did. I got everything I want to know in a short time. This video is extremely clear and helpful AS ALWAYS! Thank you

[@jaepark75]

Awesome Thanks! This was great! Followed everything step in this video! Congrats on your 200,000 subscribers!

[@PopeIsaac]

I levelled up whilst watching this Thanks for such informative tutorials!

[@mattmorris3588]

Thank you so much, and I agree with previous posters, most helpful tutorial I've seen so far.

[@klaasvaak4110]

This is AGAIN a marvelous video. Good explanation, and a quite complete 'Cheat Sheet' in case you need to dig up something and some prefab blocks are ready to use. Great work!

[@nizamuddinshaikh3185]

Extremely useful tutorial for beginners! Thank you Brad for sharing. 👍😃

[@randysincoular9710]

Thanks for taking the time to put this video together. It was very helpful and informative!

[@mdtanveerulislam4328]

So easy and simple presentation. You have covered lots of things in a short time period. It is really helpful for me. Thanks a lot. Please keep us up to date with your informative tutorial.

[@lisalu9384]

Awesome tutorial: the explaining is plain and comprehensible! Thanks for taking the time to create it :)

[@molawa]

You are literally a life saver Brad! Your videos have taken me from 0 to web designer in just one week! You are the greatest!!

[@YourMomsSideDude]

haha

[@abdulmaalik3487]

Brillant Sir I am Beginner and I have learned more things about BOOTSTRAP From this video...Thank you!

[@JohnWillikers]

This was very helpful, I love how you made a cheatsheet and will be tuning in more. I have programmed application in Java before but never touched web development besides HTML5 and CSS(which i'm terrible at styling) Someone referred me to Bootstrap. I loved the simplicity, but it was taking forever to google questions and didn't want to read every little thing. I'm glad you highlighted over the important stuff so i can leave the googling to higher level problems. 10/10 video

[@craigtaylor9539]

Very good video. I like the way you demo the results of what you are showing us. Your speaking is clear and easy to understand. Thank you.

[@icakad3805]

I like this type of tutorial. I could watch even longer videos, but it needs to be well explained. I'm only 23 with half my life experience of coding, so I have much more time for learning.

[@richzil07]

dude you did a great job in every tutorials you made. many thanks man and God Bless u

[@arinco3817]

Just getting into this kind of stuff. Absolutely loved this video, you explain everything so well :)

[@iTomAnks]

Fantastic video as always! Had no idea about Bootstrap before this, it's going to make web design so much easier and quicker.

[@wendyaburton9312]

Dont worry about negative comments about your beginner stuff. Everybody has to start somewhere. Your beginner stuff is awesome and helpful!!!!

[@Diachron]

Horrocious wasn't a word before, but it is now! I've already used it twice today! Good crash course.

[@MenAtWorkMedia22]

Thank you so much for all of you videos! Def helping me get a better understanding!

[@suren2010cool]

First youtube video that i ever commented man..!! Like the way you are explaining every details.. Great job..!!

[@olamidejubril9913]

Thanks Traversy for always making learning new things so easy and interesting.

[@RohitKumar-so9ik]

I saw your previous videos of html and css also and I must say great work. Thanks a lot , looking forward to be a developer soon. :-)

[@skyemann9126]

This is a great supplement to the course I am doing. Thanks so much!

[@miriammiriamxoxo]

I really like that we are making such a useful cheat-sheet while learning bootstrap. Thank you!!

[@evergreen7781]

That's really a wonderful cheat-sheet ❤️❤️❤️ Those are new, also open BootStrap-4 documentation in a side tab & hence you can adjust some changes between 3rd & 4th versions.

[@EvansWakaba]

Awesome tutorial! Learned a lot. Thank you for making it available

[@tejashreedhole168]

BEST BEST BEST tutorial for Bootstrap beginners!!!

[@ronaldotd]

Live reload only works when you have a or element in your document.

[@sues2862]

I love all of your videos, you rock! Thanks a lot for the work you do, you're helping all of us

[@hippiestafarii]

Hello Brad. I've followed your Udemy course "Bootstrap 4 From Scratch". I've learned a lot and love the way you explain ... while coding :-)

[@nicolejsaunders]

I've learned so much from your tutorials! Keep up the good work :)

[@jaydentran2552]

This crash course is an absolutely perfect beginning for whoever wanna learn bootstrap. My suggestion for those who expect to get in depth is to buy the Bootstrap course of Brad (the link in the description) on Udemy and practice with 5 projects. You'll be amazed. Thank you, Brad.

[@shubhamsihasane]

You are really like a Hero for me. Thank You so much! Keep doing such a great work for advanced level also.

[@aqeese]

This is pretty useful. Especially to those who are still looking to get started in Bootstrap.

[@briansagalla5482]

nice tutorals i love them keep up with these beginners tutorials you dont know how much you are helping us

[@ameless23]

Amazing! That was SUPER helpful, thank you so much!

[@yashone7]

A real refresher in case you forget some concepts!

[@vgevwerg8545]

Amazing! Thx. Just thought about creating own cheatsheet and youtube give me this. Love it.

[@joeyvico]

Perfect. You just nailed it Brad. Again

[@Alexenrosen]

The very best tutorial I've ever had!!!!Thank you :)

[@SteveKeddy2009]

Great video! I needed something like this. Now Ive got a quick reference to clean up my HORROCIOUS website design! Thanks man

[@arashabolhasani7596]

I think that I got addicted to this channel!

[@nishanthsubramanya1931]

Thank you so much man, an awesome tutorial and an awesome channel, recommending this to friends!!

[@oldgamer1299]

Awesome once again! Thank you so much for all your hard work and effort!

[@govindrai93]

Excellent Video. If you can make a part 2 continuation of this video and cover all the other features of bootstrap! Looking forward to you admin bootstrap theme. Subscribed!

[@mationElit]

Wow that made me pull my hair out for a while. Great tutorial! Thank you!

[@MinhVu-fo6hd]

You're awesome!!!!I You helped me learned the entire thing from scratch in just 1 day.

[@nitch4863]

Ahaha I am sure you still got a lot to learn. I have been doing this for several years now and I still don't know everything.

[@AnindoSarker]

Man your videos are the most helpful crash courses. You might create a web development crash course playlist

[@acartag7]

This was an amazing Tutorial! Subscribed!

[@Ali-vz9rs]

Thank you for being such a great help for beginners like me. Keep on doing awesome content of this kind. Thank you very much indeed.

[@Ray-zc3ih]

Loving your videos man. Keep up the great work

[@nikhatw3811]

best tutorial-crisp and clear explaination

[@MubashirAR]

Awesome video, watched through the whole thing and noted teh classes down. Gonna try making a page or two using these. Thanks ! :)

[@inaffinityforaffinityphoto3220]

Very helpful. Thanks. I'm an engineer who likes detail and who is ok with HTML, so it all worked hunky dory for me.

[@sameergiri2260]

Thanks for this Brad! I love your tutorials. can you please make an advanced CSS one?

[@akhilachiluveru9579]

Very informative and good for beginners. This helped me a lot. Thank you!

[@kristinebriede6466]

Great insight video! Was very hepful for me to understand basic things about Bootstrap! Thanks!

[@syedushherahmad311]

This is so much better! Even at my university they don't teach it as such. Very Good Work : )