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:

Scrollspy

Navbar: spy on body

Navbar: spy on container

Nested nav

List group