Components

The building blocks of the Bootstrap kit.

Accordion

Build vertically collapsing sections powered by Bootstrap's Collapse plugin.

Alert

Provides contextual feedback messages for typical user actions.

Badge

A small count or label used to highlight status, counts, or short contextual information.

Breadcrumb

Indicates the current page's location within a navigational hierarchy.

Button Group

Groups a series of buttons on a single line or in a vertical column.

Button

Use Bootstrap button styles for actions in forms, dialogs, navigation, and more.

Card

Build flexible content containers with optional headers, footers, images, and contextual styles.

Carousel

Cycle through images, text, and other content with optional controls and indicators.

Close Button

Provide an accessible control for dismissing content such as modals and alerts.

Collapse

Toggle the visibility of content with Bootstrap's Collapse plugin.

Dropdown

Display contextual menus from buttons and links in any Bootstrap direction.

Figure

Display related visual content with an optional caption and responsive alignment.

List Group

Display a flexible series of content with active, disabled, actionable, and contextual states.

Modal

Add accessible dialog overlays for notifications, forms, and custom content.

Navbar

A powerful, responsive navigation header with support for branding, navigation, forms, and collapsing content.

Navs and Tabs

Build navigation components and accessible dynamic tabbed interfaces with Bootstrap.

Offcanvas

Build responsive sliding panels for navigation, forms, and supplementary content.

Pagination

Indicate that related content is split across multiple pages with accessible pagination links.

Placeholder

Uses loading placeholders to indicate that content may still be loading.

Popover

Display contextual Bootstrap content beside a trigger element.

Progress

Display task progress with accessible labels, stacked bars, contextual colors, and animation.

Scrollspy

Update Bootstrap navigation links as a scrollable region moves between sections.

Spinner

Indicate the loading state of a component or page with Bootstrap spinners.

Toast

Show lightweight Bootstrap notifications with optional headers and dismissal controls.

Tooltip

Add Bootstrap tooltips to focusable controls with configurable content and placement.