Bootstrap 5 Learning Kit

XSXSSMSMMDMDLGLGXLXLXXLXXL
Extra small: <576pxSmall: ≥576pxMedium: ≥768pxLarge: ≥992pxExtra large: ≥1200pxExtra extra large: ≥1400px
Page Navigation:
DefaultDelayAutohideAnimationTranslucentStackingCustom content

Toasts

Default

Delay = 5000 ms, auto-hide = true, animation = true

Delay

Delay = 3000 ms, auto-hide = true, animation = true

Autohide

Delay = 5000 ms, auto-hide = false, animation = true

Animation

Delay = 5000 ms, auto-hide = false, animation = false

Translucent

Stacking

Custom content

Alignment and placement

Position utilities (single toast)

Position utilities (multiple toasts)

Flex utilities