All components

complete Bootstrap 5.3 catalog · 25 component types

Accordion

This is the first accordion item's body. Collapsible groups render one open at a time.

Second item body. Click to expand and collapse items.

Third item body with a custom card body.

Alerts

Primary alert — simple contextual message.

Success alert with icon.

Danger alert with icon.

Warning alert.

Info alert — neutral informational text.

Dark alert — link style.

Badges

Primary Secondary Success Danger Warning Info Light Dark

Pill 8 new −12%

Notifications 4

Breadcrumb

Buttons

Button group

Check 1 Check 2

Radio 1 Radio 2

Card

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Carousel

Slide 1

Slide 2

Slide 3

Collapse

First collapsible panel — visible by default.

Second collapsible panel.

Dropdowns

Forms

Checkbox

Radio A

Radio B

Switch toggle

Range

Input group

$.00

Options

List group

Active item A second item A third item Disabled item

First item1
Second item2

Modal

Navs & tabs

Tab A panel content.

Tab B panel content.

Tab C panel content.

Navbar

Offcanvas

Pagination

Placeholders

Popovers

Progress

25%

60%

40%

Scrollspy

Item 1 Item 2 Item 3

Item 1

Scrollspy content for the first section. Resize and scroll to see the nav update.

Item 2

Second section body text that fills vertical space while scrolling.

Item 3

Third and final section — the active list item updates as you scroll past each heading.

Spinners

Toasts

This is a static toast example rendered inline.

Tooltips

inline text

An off-canvas sidebar panel positioned on the end (right) edge.

An off-canvas panel positioned on the start (left) edge.

All components

Card title

Item 1

Item 2

Item 3

Offcanvas panel

Offcanvas start

All components

Accordion item #1

Accordion item #2

Accordion item #3

Card title

Actions

Item 1

Item 2

Item 3

Offcanvas panel

Offcanvas start