9:25 hours
Introduction to CSS Frameworks
Welcome to the Course (0:38)
About the Instructor (0:46)
Introduction to CSS Frameworks (9:49)
Bootstrap (9:09)
Foundation (6:39)
Materialize- (9:20)
And the Rest (20:57)
Getting Set Up with Bootstrap 4 (12:29)
All About FlexBox (0:32)
Let’s Get Flexible: A Flexbox Crash Course
Inline, Block, Inline-Block- (0:29)
Display- Flex (8:35)
Flex, Direction, Wrap (7:50)
Flex shorthand, align and justify (11:30)
Creating a masonry grid (7:51)
Going from Flexbox Grids to Bootstrap Grids (0:33)
Components of the Layout
Layout and Content (0:24)
Bootstrap Grid (18:34)
Media Objects (13:00)
Spacing (11:20)
Reboot (7:19)
Figures (8:00)
Tables- (7:10)
Code (6:40)
Mix and match content (13:44)
Login and Registration (0:30)
Input and Feedback Components
Input and Feedback Components (0:38)
Alerts (12:03)
Buttons (14:11)
Input Groups (6:47)
Progress (7:56)
Tool Tips (8:47)
Login and Registration (14:59)
Grid Based Components (0:31)
Grid Based Components
Bootstrap 4 Grid Layouts- Multiple Items (0:31)
Card (5:28)
Button Group (21:38)
Pagination (16:07)
Dropdowns (10:34)
More Flexible Blog Listing (39:26)
Content-Based Components (0:47)
Breadcrumbs and Badges
Single Blog Page (0:40)
Jumbotron (27:21)
Badges (12:36)
List Group (18:40)
Breadcrumbs (15:11)
Scrollspy (22:41)
A New Blog Page (64:10)
Last Project- Homepage (0:36)
Website Navigation
Landing Page (0:38)
Navbar (15:52)
Carousel (18:35)
Navs (26:32)
Modal (22:18)
Popover (13:32)
Landing Page v2 (2:53)
Finale (0:36)