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:
Link
Button
Custom HTML
Position
Animation
Delay
Trigger type
Disabled elements
Tooltips
Link
Toggle code
Copy to clipboard
Open in CodePen
Button
Toggle code
Copy to clipboard
Open in CodePen
Custom HTML
Toggle code
Copy to clipboard
Open in CodePen
Position
Toggle code
Copy to clipboard
Open in CodePen
Animation
Toggle code
Copy to clipboard
Open in CodePen
Delay
Tooltip with delay in ms for showing and hiding
Toggle code
Copy to clipboard
Open in CodePen
Trigger type
Tooltip triggered by click only
Toggle code
Copy to clipboard
Open in CodePen
Disabled elements
Toggle code
Copy to clipboard
Open in CodePen