Easily realign text to components with text alignment classes. For start, end, and center alignment, responsive classes are available that use the same viewport width breakpoints as the grid system.

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

Transform text in components with text capitalization classes. Note how .text-capitalize only changes the first letter of each word, leaving the case of any other letters unaffected. Text transform ...

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

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

Example Provide an option to dismiss or close a component with .btn-close. The icon is rendered with a CSS mask-image, so it inherits the color from the .btn-close class—no inline SVG required. Be ...

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

Decorate inputs with icons, text, and more using a custom wrapper that easily handles styling and positioning.

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

Quickly create stylized hyperlinks with Bootstrap Icons or other icons.

Use justify-content utilities to change the alignment of flex items on the main axis.