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:
Navbar
Brand
Link
Navbar
Heading
Navbar
Image
Image and text
Navbar
Nav
Unordered list
Navbar
Active
Link
Link
Disabled
Links
Navbar
Active
Link
Link
Disabled
Dropdown
Navbar
Active
Dropdown
First item
Second item
Third item
Disabled
Forms
Navbar
Search
Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Colors
Dark navbar
Primary
Secondary
Success
Danger
Warning
Info
Dark
Light navbar
Light
White
Transparent
Toggler
Left-aligned toggler
Navbar
Active
Link
Link
Disabled
Right-aligned toggler
Navbar
Active
Link
Link
Disabled
Responsiveness
Small
Navbar
Active
Link
Link
Disabled
Medium
Navbar
Active
Link
Link
Disabled
Large
Navbar
Active
Link
Link
Disabled
Extra large
Navbar
Active
Link
Link
Disabled
Extra extra large
Navbar
Active
Link
Link
Disabled
External content
Collapsed content
Toggleable via the navbar toggler.
Advanced example
Navbar
Active
Dropdown
First item
Second item
Third item
Link
Disabled
Search
Scrolling
Default
Navbar
Active
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Link
Custom max-height
Navbar
Active
Link
Link
Disabled