Master Bootstrap From Beginner To Expert
Master Bootstrap From Beginner To Expert
About Course
This course will literally take you from knowing nothing about Bootstrap 3 or 4 to learning all of the utilities, components, widgets and grids and building real world themes and websites. You do NOT need to know Bootstrap 3 for this course. Even if you already know Bootstrap 4, skip the learning sections and head right for section 6 to create the simple boiler theme and start the projects. Everything is completely modular!
Custom Bootstrap Sandbox
I have created a completely custom HTML learning environment for the first few sections of this course. Each lecture has an html page associated with it and has a start state. As we move along through the lectures, you code along with me learning all that Bootstrap 4 offers including helpers/utilities, components, widgets, flexbox and more.
5 Real Projects/Themes
We will create 5 real world themes including. These projects are completely open source and you are free to use them anywhere.
- LoopLap – A social UI Theme
- Mizuxe – A Book/Product Showcase Theme (Sass Project)
- Blogen – A blog admin area UI
- Glozzom – A multi page theme with a carousel and some 3rd party scripts
- Portfoligrid – A portfolio theme using the grid, flexbox and the collapse widget
Who this course is for:
- Anyone that wants to learn & master Bootstrap 4.1.x and build real world themes
Course Content
Introduction & basics bootstrap
-
what is bootstrap
14:36 -
our project
00:56 -
Installing bootstrap
07:55 -
web design 101-wireframing
11:38 -
The bootstrap navigation bar
20:40 -
setting up our new project
07:41 -
bootstrap grid layout system
20:17 -
bootstrap container
05:54 -
bootstrap button and font awsome
11:30 -
styling our website challenge and solution
20:20 -
solution to bootstrap challenge
17:03 -
tip from Angella – how to deal with procrastination
04:08