Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Bootstrap 4
Introduction
Setup 1 - VS Code (4:02)
Setup 2 - Course Files Setup (4:39)
Setup 3 - Window Size Tool (2:02)
Setup 4 - File Comparisions (2:29)
Bootstrap Playground - Part 1 - Grid & Flexbox
Intro to Bootstrap Playground (4:22)
Bootstrap Playground Custom Classes (2:18)
Containers (4:25)
The Grid - Part 1 (0:51)
The Grid - Part 2 (8:59)
The Grid - Part 3 (7:33)
The Grid Breakpoints - Part 1 (5:38)
The Grid Breakpoints - Part 2 (4:50)
The Grid Breakpoints - Part 3 (7:27)
Display Properties - Part 1 (5:13)
Display Properties - Part 2 (7:07)
Flex - Part 1 (6:53)
Flex - Part 2 (4:38)
Flex - Part 3 (10:17)
Flex - Part 4 (6:41)
Flex - Part 5 (3:01)
Flex - Part 6 (4:04)
Flex - Part 7 (4:37)
Flex - Part 8 (2:12)
Bootstrap Playground - Part 2 - Utilities
Typography (6:33)
Text Utilities (5:50)
Code (3:40)
Bootstrap Colors (6:13)
Spacing - Part 1 (7:05)
Spacing - Part 2 (5:51)
Spacing - Part 3 (4:34)
Sizing (5:08)
Images (5:02)
Figures (2:37)
Borders (6:47)
Tables (8:54)
Vertical Align (1:59)
Floats (1:35)
Clearfix (2:28)
Screenreaders (3:05)
Bootstrap Playground - Part 3 - Components
Media Objects (5:30)
Alerts (4:05)
Badges (4:03)
Breadcrumbs (3:43)
Buttons - Part 1 (3:12)
Buttons - Part 2 (5:23)
Button Group (4:16)
Dropdowns - Part 1 (6:04)
Dropdowns - Part 2 (5:30)
Dropdowns - Part 3 (2:00)
Cards - Part 1 (4:35)
Cards - Part 2 (4:16)
Cards - Part 3 (4:38)
Cards - Part 4 (6:05)
Forms - Part 1 (4:25)
Forms - Part 2 (5:54)
Forms - Part 3 (3:19)
Input Groups (7:14)
Navs (7:10)
Navbar - Part 1 (7:51)
Navbar - Part 2 (3:03)
Position (3:01)
Pagination (3:40)
Progress Bars (4:44)
Bootstrap Playground - Part 4 - JavaScript
Carousels (4:16)
Collapse (7:46)
Tooltips (1:59)
Popovers (3:50)
Modals (6:39)
Scrollspy (9:35)
Bootstrap Playground Wrap Up (0:57)
Project 1
Overview of Project 1 (1:41)
Important Note About Step 1 Video
Step 1 (3:40)
Step 2 (4:25)
Step 3 (4:43)
Step 4 (4:33)
Step 5 (3:23)
Step 6 (3:16)
Step 7 (9:42)
Step 8 (6:02)
Project 2
Overview of Project 2 (1:34)
Project 2 - Step 1 (7:41)
Project 2 - Step 2 (6:41)
Project 2 - Step 3 - Part 1 (3:53)
Project 2 - Step 3 - Part 2 (4:34)
Project 2 - Step 4 (5:39)
Project 2 - Step 5 (7:25)
Project 2 - Step 6 (6:40)
Project 2 - Step 7 (4:27)
Project 3
Overview of Project 3 (1:54)
Project 3 - Template - Step 1 (5:32)
Project 3 - Template - Step 2 (4:22)
Project 3 - Template - Step 3 (7:06)
Project 3 - Template - Step 4 (6:55)
Project 3 - Homepage - Step 1 (6:52)
Project 3 - Homepage - Step 2 (4:15)
Project 3 - Homepage - Step 3 (9:41)
Project 3 - Homepage - Step 4 (7:42)
Project 3 - Homepage - Step 5 (0:53)
Project 3 - About Page (3:13)
Project 3 - Careers Page (6:25)
Project 3 - Contact Page (9:28)
Project 3 - Franchising Page (6:39)
Project 3 - Locations Page - Part 1 (9:52)
Project 3 - Locations Page - Part 2 (5:15)
Project 3 - Rewards Page (5:34)
Project 3 - Menu Page - Part 1 (6:52)
Project 3 - Menu Page - Part 2 (4:26)
Project 3 - Menu Page - Part 3 (4:59)
Project 3 - Menu Page - Part 4 (11:22)
Project 3 - Menu Page - Part 5 (1:33)
Project 3 - Menu Page - Part 6 (4:51)
Project 3 - Menu Page - Part 7 (7:19)
Project 3 - Menu Page - Part 8 (7:30)
Project 3 - Menu Page - Part 9 - Bug Fix (5:46)
Intro to Bootstrap Playground
Complete and Continue