Documentation and examples for showing pagination to indicate a series of related content exists across multiple pages.

Documentation and examples for showing pagination to indicate a series of related content exists across multiple pages.

Pricing Example pricing page built with Cards and featuring a custom header and footer.

A simple shell for an h1 to appropriately space out and segment sections of content on a page. It can utilize the h1 's default small, element as well most other components (with additional styles).

Since breadcrumbs provide a navigation, it’s a good idea to add a meaningful label such as aria-label="breadcrumb" to describe the type of navigation provided in the <nav> element, as well …

In the example below, we take a typical card component and recreate it with placeholders applied to create a “loading card”. Size and proportions are the same between the two.

Example Click the accordions below to expand/collapse the accordion content. To render an accordion that’s expanded by default: add the .show class on the .accordion-collapse element. …

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

Example Provide an option to dismiss or close a component with .btn-close. Default styling is limited, but highly customizable. Modify the Sass variables to replace the default background …

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