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...

9 HOUR BOOTSTRAP 4 COURSE W/5 PROJECTS:

BUILD AN ADMIN THEME VIDEO

10 PROJECT BOOTSTRAP COURSE:

SUPPORT THIS CHANNEL WITH A CUP OF COFFEE PER MONTH:

ONE TIME DONATIONS:

[SnowDragon]

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 <li> 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 <p class="help-block">text</p>, use <small class="form-text text-muted">text</small>
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

[metastash]

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

[dharmayodhha]

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

[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.

[drewconroy]

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.

[reecegibbs]

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!

[ROCLife]

26:40: list-inline for Bootstrap 4:
<ul class="list-inline">
<li class="list-inline-item">Item One</li>
<li class="list-inline-item">Item Two</li>
<li class="list-inline-item">Item Three</li>
<li class="list-inline-item">Item Four</li>
</ul>

[f_]

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

[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!!

[seanalger]

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.

[bryancastille]

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.

[hrishikeshwaikar]

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!

[AnthonyWatsonMWArts]

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

[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.

[castleblack]

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.

[nelakhenoplatana]

bro im high on weed but you managed to force in almost everything in just 1 hour, i have mad respect for you and to your skills.🧠💫💫💫👋💥💥❤❤..

[bresmoove]

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.

[Spades]

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.

[iongorincioi]

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.

[doublem]

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