Bootstrap Basics
Bootstrap shortcuts development time by allowing you to leverage it's powerful CSS to ensure your site looks and functions great on any browser size (mobile, tablet, desktop, tv, watch, etc).
Bootstrap can be used with Django, Angular, React, Flask, and virtually anywhere CSS is required.
We'll be using Bootstrap v4.3.
Lessons
1
Welcome
1:40
2
Overview
1:13
3
What is Bootstrap
2:04
4
Setup Sublime Text
2:17
5
Reference Code on Github
1:58
6
Skill Requirements
0:32
7
Day 1 - Add Bootstrap to HTML
2:37
8
Day 2 - Column Layout Basics
6:30
9
Day 3 - Nested Columns
3:25
10
Day 4 - Breakpoints for Different Size Columns
5:11
11
Day 5 - Ordering & Breakpoints
4:09
12
Day 6 - Container and Container Fluid
3:11
13
Day 7 - Margin and Padding
9:11
14
Day 8 - Offsets
4:58
15
Day 9 - Colors
11:07
16
Day 10 - The JavaScript Problem
7:05
17
Day 11 - Outline Site
16:45
18
Day 12 - Navbar & Custom BG
12:18
19
Day 13 - Jumbotron
6:14
20
Day 14 - Responsive Video Embeds
3:26
21
Day 15 - Cards and List Groups
11:26
22
Day 16 - Carousel
8:21
23
Day 17 - Fluid Footer
3:54
24
Day 18 - Fluid Navbar & Other Components
5:06
25
Recommended Next Steps
2:47
26
Thank you
1:15