Examples of Bootstrap’s documentation-specific components and styles.

Bootstrap includes many CSS custom properties (variables) in its compiled CSS for real-time customization without the need to recompile Sass. These provide easy access to commonly used values like our ...

Automatically collapse navigation items into a "More" menu when space is limited using the Priority+ pattern.

.border-primary--bs-bc: var(--bs-primary-bg); border-color: var(--bs-bc); .border-accent--bs-bc: var(--bs-accent-bg); border-color: var(--bs-bc); .border-success--bs ...

.underline-primary--bs-underline-color: light-dark(var(--bs-blue-600), var(--bs-blue-400)); text-decoration-color: var(--bs-underline-color); .underline-accent--bs ...

Provide visual feedback on password strength with segmented meters or progress bars that update as users type.

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.

The .focus-ring helper modifies the default outline for focus states with one that can be more easily customized. Focus ring is made up of a series of CSS variables, inherited from the :root level, ...

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 ...

Collect one-time passwords, PIN codes, and verification codes with a single accessible input rendered as separate digit slots.

Create beautifully simple form labels that float over your input fields.

Use align-items utilities to change the alignment of flex items on the cross axis.