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 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

Page Navigation:

Ratio

1x1

4x3

16x9

21x9

Standard HTML elements

1x1

4x3

16x9

21x9

Custom ratio

2x1 (50%)

4x1 (25%)