TRAVERSY MEDIA COURSE
Bootstrap 4 From Scratch With 5 Projects
Master Bootstrap 4 and build 5 real world themes while learning HTML5 semantics & CSS3.
4.7 ★★★★★ • 272 students • Lifetime access
12+ hours
On-demand video lessons
5 projects
Practical project work
11 modules
Complete course curriculum
74 lessons
Focused explanations and builds
Lifetime access
Learn at your pace
COURSE OVERVIEW
Master Bootstrap 4 by building five complete themes
Learn Bootstrap typography, utilities, components, the grid system, Flexbox, and JavaScript widgets.
Apply the framework through five different website and admin interface projects.
WHAT YOU WILL LEARN
Build practical skills with Bootstrap 4 From Scratch With 5 Projects
Move from the core concepts to a complete project workflow.
Bootstrap Utilities
Use spacing, color, display, sizing, typography, and responsive utility classes.
Grid and Flexbox
Create responsive page structures with the Bootstrap grid and Flexbox tools.
CSS Components
Build navigation, cards, forms, alerts, tables, and reusable interface sections.
JavaScript Widgets
Use modals, sliders, collapse, tabs, tooltips, and interactive components.
Theme Workflow
Set up a reusable project boilerplate and customize Bootstrap themes.
Five Projects
Build social, product, company, admin, and portfolio interfaces.
BUILD AS YOU LEARN
Turn the course concepts into practical work
Build five different Bootstrap themes that cover marketing sites, dashboards, and portfolios.
PROJECT 01
LoopLab
Create a modern social platform landing page with forms, navigation, cards, and responsive sections.
PROJECT 02
Mizuxe
Build a polished product and book marketing site with customized Bootstrap components.
PROJECT 03
Glozzom
Create a multi-page company website using responsive sections and Bootstrap JavaScript widgets.
THE COMPLETE CURRICULUM
11 modules from foundations to the finished build
74 published lessons and 12+ hours of focused video with practical exercises and project work.
1 - Intro & Getting Started
2 - Typography & Utilities
3 - CSS Components
4 - Grid System & Flexbox
5 - JavaScript Widgets
6 - Theme Boiler Setup
7 - Project 1 - LoopLab Social Theme
8 - Project 2 - Mizuxe Book Theme
9 - Project 3 - Glozzom Multi Page Theme
10 - Project 4 - Blogen Admin UI
11 - Project 5 - Portfoligrid
CHOOSE YOUR ACCESS
Own the course or unlock the full library
Both options include immediate access and future course updates.
Bootstrap 4 From Scratch With 5 Projects
$25
Lifetime course access
Get Bootstrap 4 From Scratch With 5 Projects
YOUR INSTRUCTOR
Learn with Brad Traversy
Brad has helped millions of developers learn web development through practical, project-based teaching. His courses focus on clear explanations, useful projects, and the skills you need to build real websites and applications.
Bootstrap 4 From Scratch With 5 Projects follows that same approach, moving from the essential concepts into practical implementation and a complete project workflow.
FREQUENTLY ASKED QUESTIONS
Before you enroll
Is this course beginner friendly?
What do I get with the $25 option?
What is included in the annual membership?
What experience should I have before starting?
START BUILDING TODAY
Learn Bootstrap 4 From Scratch With 5 Projects through practical work
Get lifetime course access for $25, or unlock every included Traversy Media course for $99 per year.
Get Full Access for $99/year