Free Course
Bootstrap 5
Build responsive, mobile-first websites fast using Bootstrap's powerful grid system, utilities & components.
19Lessons
100%Free
BeginnerLevel
Bootstrap Lessons
L 01
Introduction to Bootstrap
What Bootstrap is, why it's used, and how it helps you build responsive websites faster.
IntroBeginner
L 02
Getting Started with Bootstrap
How to include Bootstrap via CDN or download, and set up your first Bootstrap HTML page.
SetupCDN
L 03
Bootstrap Containers
Understand .container, .container-fluid, and responsive container breakpoints for page layout.
ContainersLayout
L 04
Bootstrap Grid System
Master the 12-column grid — rows, columns, breakpoints (sm, md, lg, xl) and responsive layouts.
GridResponsive
L 05
Bootstrap Typography
Headings, display text, lead paragraphs, blockquotes and text utility classes in Bootstrap.
TypographyText
L 06
Bootstrap Tables
Style HTML tables with Bootstrap — striped, bordered, hoverable, small, and responsive tables.
TablesStyles
L 07
Bootstrap Images
Responsive images, rounded corners, thumbnails, and image alignment utilities in Bootstrap.
ImagesResponsive
L 08
Bootstrap Alerts
Display contextual alert messages using Bootstrap's alert classes and dismissible alerts.
Coming Soon
L 09
Bootstrap Buttons
Button styles, sizes, outline variants, disabled states, and button tags in Bootstrap.
Coming Soon
L 10
Bootstrap Button Groups
Group buttons together with .btn-group and .btn-toolbar for toolbars and toggle controls.
Coming Soon
L 11
Bootstrap Cards
Build flexible content cards with headers, footers, images, and card grid layouts.
Coming Soon
L 12
Bootstrap Forms
Style form controls, labels, validation states, and inline forms with Bootstrap utilities.
Coming Soon
L 13
Bootstrap Utilities
Spacing, display, flex, colour, border and sizing utility classes for quick styling.
Coming Soon
L 14
Bootstrap Flexbox
Use Bootstrap's flexbox utility classes to align, justify, wrap and order elements.
Coming Soon
L 15
Bootstrap Components
Explore Bootstrap's component library — badges, breadcrumbs, spinners, progress bars.
Coming Soon
L 16
Bootstrap Navbar
Build responsive navigation bars with branding, links, dropdowns, and mobile toggling.
Coming Soon
L 17
Bootstrap JavaScript Plugins
Add interactivity with Bootstrap JS — modals, dropdowns, tooltips, collapse and carousel.
Coming Soon
L 18
Bootstrap Layout Utilities
Position, overflow, z-index, visibility, and object-fit layout utility classes.
Coming Soon
L 19
Responsive Design
Bring it all together — build a fully responsive webpage using Bootstrap's grid and utilities.
Coming Soon
Ready to start learning Bootstrap?
Begin with Lesson 1 and build responsive websites at your own pace — completely free.
Start from Lesson 1