Docs

Build vertically collapsing accordions in combination with our Collapse JavaScript plugin.

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.

Examples for badges, Bootstrap's small count and labelling component.

Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

Bootstrap’s cards provide a flexible and extensible content container with multiple variants and options.

A slideshow component for cycling through elements—images or slides of text—like a carousel.

Use code blocks for multiple lines of code. Once again, be sure to escape any angle brackets in the code for proper rendering.

Bootstrap is supported by an extensive color system that themes our styles and components. This enables more comprehensive customization and extension for any project.

Styles, layout options and custom components for creating a wide variety of forms.

Contextual overlays for displaying lists of links and more with the Bootstrap dropdown plugin.

Styles, layout options and general components for creating a wide variety of forms.

Use our powerful mobile-first flexbox grid to build layouts of all shapes and sizes thanks to a twelve column system, six default responsive tiers, Sass variables and mixins, and dozens of predefined classes.

examples for opting images into responsive behavior (so they never become larger than their parent elements) and add lightweight styles to them—all via classes.

List groups are a flexible and powerful component for displaying a series of content. Modify and extend them to support just about any content within.

Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.

Examples for how to use Bootstrap’s included navigation components.

Build hidden sidebars into your project for navigation, shopping carts, and more with a few classes and our JavaScript plugin.

Examples showing pagination and breadcrumbs to indicate a series of related content across multiple pages or location within a navigational hierarchy.

More examples of cards that provide a flexible and extensible content container with multiple variants and options

Examples for using Bootstrap custom progress bars featuring support for stacked bars, animated backgrounds, and text labels.

Examples for opt-in styling of tables (given their prevalent use in JavaScript plugins) with Bootstrap.

Blank template description

Push notifications to your visitors with a toast, a lightweight and easily customizable alert message.

Examples for adding custom Bootstrap tooltips with CSS and JavaScript using CSS3 for animations and data-bs-attributes for local title storage.

Examples for Bootstrap typography, including global settings, headings, body text, lists, and more.