Bootstrap 5 Learning Kit

Layout
Container Grid Columns Gutters Utilities for layout
Content
Typography Images Tables Figures
Forms
Overview Form control Select Checks and radios Range Input group Floating labels Layout Validation
Components
Accordion Alerts Badge Breadcrumb Buttons Button group Card Carousel Close button Collapse Dropdowns List group Modal Navs and tabs Navbar Offcanvas Pagination Placeholders Popovers Progress Scrollspy Spinners Toasts Tooltips
Helpers
Clearfix Color and background Colored links Ratio Position Stacks Visually hidden Stretched link Text truncation Vertical rule
Utilities
Background Borders Colors Display Flex Float Interactions Opacity Overflow Position Shadows Sizing Spacing Text Vertical align Visibility

Reference Practice Screencast

XSXSSMSMMDMDLGLGXLXLXXLXXL

Extra small: <576pxSmall: ≥576pxMedium: ≥768pxLarge: ≥992pxExtra large: ≥1200pxExtra extra large: ≥1400px

Page Navigation:

Headings with badge Button with badge Button with accessible badge Background colors Pill badges

Badge

Headings with badge

Button with badge

Button with accessible badge

Background colors

Pill badges