Alert (alert)

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

---

Badge (badge)

A small count and labeling component. Badges scale to match the size of the immediate parent element by using relative font sizing and em units.

---

Blockquote (blockquote)

For quoting blocks of content from another source within your document.

---

Breadcrumb (breadcrumb)

Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS.

---

Button (button)

For actions in forms, dialogs, and more with support for multiple sizes, states, and more.

---

Button Group (button_group)

Group a series of buttons together on a single line with the button group, and super-power them with JavaScript.

---

Card (card)

A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.

---

Card Layout (card_layout)

In addition to styling the content within cards, Bootstrap includes a few options for laying out series of cards. For the time being, these layout options are not yet responsive.

---

Carousel (carousel)

A slideshow component for cycling through elements, like a carousel.

---

Dropdown (dropdown)

Dropdowns are toggleable, contextual overlays for displaying lists of links and more. They’re made interactive with the included Bootstrap dropdown JavaScript plugin. They’re toggled by clicking, not by hovering; this is an intentional design decision.

---

Figure (figure)

Anytime you need to display a piece of content—like an image with an optional caption, consider using figure.

---

Grid Row (grid_row)

The grid system uses a series of containers, rows, and columns to layout and align content For simple use cases only. For more powerful needs, please use bootstrap_grid_row_* layouts.

---

Jumbotron (jumbotron)

A lightweight, flexible component that can optionally extend the entire viewport to showcase key content on your site.

---

List (list)

---

List Group (list_group)

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.

---

List Group Item (list_group_item)

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.

---

Media Object (media)

Complex and repetitive components where some media is positioned alongside content that doesn’t wrap around said media.

---

Navbar (navbar)

Powerful, responsive navigation header, the navbar. Includes support for branding, navigation, and more, including support for our collapse plugin.

---

Pagination (pagination)

Indicate a series of related content exists across multiple pages.

---

Progress (progress)

The progress element displays an indicator showing the completion progress of a task, typically in the form of a bar. Progress components are built with two HTML elements, some CSS to set the width, and a few attributes. Bootstrap does not use the HTML5 <progress> element, ensuring you can stack progress bars, animate them, and place text labels over them.

---

Spinner (spinner)

Indicate the loading state of a component or page with Bootstrap spinners, built entirely with HTML, CSS, and no JavaScript.

---

Table (table)

Due to the widespread use of <table> elements across third-party widgets like calendars and date pickers, Bootstrap’s tables are opt-in. Add the base class .table to any <table>, then extend with our optional modifier classes or custom styles. All table styles are not inherited in Bootstrap, meaning any nested tables can be styled independent from the parent.

---

Toast (toast)

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

---