E-Tutorial
Sign In Get Started
Tutorials Courses Interview Prep (100 Q&A) AI Tools (50) Developer Tools (50) Tracks Pricing Plans Blog & Articles Contact Us
Home / Courses / Bootstrap / Bootstrap 5 Complete Framework Tutorial
Bootstrap Beginner Free Course

Bootstrap 5 Complete Framework Tutorial

Master the world’s most popular frontend UI component library, 12-column responsive grid, and interactive JavaScript plugins.

16 hours 52 Lessons Certificate (Pass Score: 75%)
Start Course Free

What's Included

  • Full step-by-step interactive reader
  • Practice exercises with solutions
  • Quizzes & Knowledge Assessments
  • Verifiable Digital PDF Certificate
A

Alex Morgan (Senior Engineer)

Lead Instructor

Curriculum & Chapters

Introduction to Bootstrap 5 & CDN Setup
12 mins Free
Introduction to Bootstrap 5 & Vanilla JS Architecture
15 mins Free
Bootstrap 5 CDN vs npm/Vite Installation
15 mins Free
Containers: Fixed (.container) and Fluid (.container-fluid)
15 mins Free
The 12-Column Responsive Grid System (.row & .col-*)
15 mins Free
Responsive Grid Breakpoints (col-sm, col-md, col-lg, col-xl, col-xxl)
15 mins Free
Grid Gutters (.g-*, .gx-*, .gy-*) & Row Columns (.row-cols-*)
15 mins Free
Column Offsetting, Alignment & Ordering (.offset-*, .order-*)
15 mins Free
Bootstrap 12-Column Grid: Containers, Rows & Cols
18 mins Free
Typography: Display Headings (.display-1 to .display-6) & Lead Text
15 mins Free
Text Utilities: Colors, Alignment, Decoration & Word Break
15 mins Free
Responsive Images (.img-fluid, .rounded-circle, .img-thumbnail)
15 mins Free
Bootstrap 5 Tables (.table-striped, .table-hover, .table-dark)
15 mins Free
Responsive Table Wrappers (.table-responsive)
15 mins Free
Figures & Captions (.figure, .figure-img, .figure-caption)
15 mins Free
Responsive Navbars & Navigation
15 mins Free
Cards, List Groups & Badges
14 mins Free
Modals, Popups & JavaScript Dialogs
16 mins Free
Button Styles (.btn-primary, .btn-outline-*, .btn-lg, .btn-sm)
15 mins Free
Button Groups & Toolbars (.btn-group, .btn-toolbar)
15 mins Free
Badges & Pill Badges (.badge, .rounded-pill, .bg-*)
15 mins Free
Cards Architecture: Headers, Bodies, Footers & Image Caps
15 mins Free
Card Groups & Grid Integration (.card-group)
15 mins Free
List Groups: Active, Disabled, Flush & Linked Items
15 mins Free
Progress Bars & Striped Animated Bars (.progress-bar-animated)
15 mins Free
Responsive Navbar & Mobile Toggler (.navbar-expand-lg, .navbar-toggler)
15 mins Free
Navs & Tabs: Horizontal, Vertical & Pill Tabs (.nav-pills)
15 mins Free
Breadcrumbs Navigation (.breadcrumb, .breadcrumb-item)
15 mins Free
Pagination Controls (.pagination, .page-item, .page-link)
15 mins Free
Dropdown Menus & Split Button Dropdowns (.dropdown-menu)
15 mins Free
Accordion & Collapsible Panels (.accordion, .accordion-collapse)
15 mins Free
Offcanvas Sidebar Drawers (.offcanvas-start, .offcanvas-end)
15 mins Free
Contextual Alerts & Dismissible Alerts (.alert-dismissible)
15 mins Free
Interactive Modal Dialogs (.modal, .modal-dialog-centered)
15 mins Free
Toast Notifications & Live JavaScript Triggering (.toast-container)
15 mins Free
Tooltips Initialization with Popper.js (data-bs-toggle="tooltip")
15 mins Free
Popovers Integration & Dismissible Triggers
15 mins Free
Spinners & Loading Skeletons (.spinner-border, .placeholder-glow)
15 mins Free
Scrollspy: Dynamic Active Nav Tracking with JavaScript
15 mins Free
Form Controls & Sizing (.form-control, .form-control-lg)
15 mins Free
Floating Labels Pattern (.form-floating)
15 mins Free
Select Menus & File Upload Controls (.form-select)
15 mins Free
Checkboxes, Radios & Switches (.form-check, .form-switch)
15 mins Free
Input Groups with Text, Buttons & Dropdown Addons
15 mins Free
Bootstrap 5 Form Validation (.was-validated, .valid-feedback)
15 mins Free
Bootstrap 5 Spacing Utilities (m-*, p-*, mx-auto)
15 mins Free
Flexbox Utilities in Bootstrap 5 (d-flex, justify-content-between)
15 mins Free
Borders, Shadows & Sizing Utilities (w-100, shadow-sm)
15 mins Free
Color Modes & Dark Mode Theming (data-bs-theme="dark")
15 mins Free
Customizing Bootstrap 5 with Sass & Variable Overrides ($primary)
15 mins Free
The Bootstrap 5 Utilities API: Generating Custom Utility Classes
15 mins Free
Production Optimization: Tree-shaking JavaScript & Purging CSS
15 mins Free