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:

Validation

Client side

Text input

Valid feedback text

Invalid feedback text

$

Valid feedback text

Invalid feedback text

Textarea

Valid feedback text

Invalid feedback text

Select one

Valid feedback text

Invalid feedback text

Checkbox

Valid feedback text

Invalid feedback text

Radio

Radio

Valid feedback text

Invalid feedback text

Switch

Valid feedback text

Invalid feedback text

Choose file... Browse

Valid feedback text

Invalid feedback text