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
XS
XS
SM
SM
MD
MD
LG
LG
XL
XL
XXL
XXL
Extra small: <576px
Small: ≥576px
Medium: ≥768px
Large: ≥992px
Extra large: ≥1200px
Extra extra large: ≥1400px
Page Navigation:
Default
Height
With stacks
Vertical rule
Default
Toggle code
Copy to clipboard
Open in CodePen
Height
Toggle code
Copy to clipboard
Open in CodePen
With stacks
Toggle code
Copy to clipboard
Open in CodePen