Bootstrap Components

A comprehensive showcase of Bootstrap 5 components.

Frequently Asked Questions

This is the first item's accordion body. It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element.

This is the second item's accordion body. It is hidden by default.

This is the third item's accordion body. It is hidden by default.

Cards Section

PlaceholderThumbnail
Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago
PlaceholderThumbnail
Card title

This card has supporting text below as a natural lead-in to additional content.

Last updated 3 mins ago
PlaceholderThumbnail
Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.

Last updated 3 mins ago

Navigation Components

Base Nav

Horizontal Alignment

Vertical

Tabs

Pills

Fill and Justify

Navbar

Breadcrumb

Pagination

Buttons & Dropdowns

Buttons

Button Group

Dropdowns

Close Button

Indicators

Alerts

Badges

Primary Secondary Success

Progress

25%

Spinners

Overlays

Offcanvas

Launch Offcanvas
Offcanvas
Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.

Popovers

Tooltips

Toasts

Lists & Collapse

List Group

  • A list item 14
  • A second list item 2
  • A third list item 1

Collapse

Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger.

Modal Example