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.

A generic close button for dismissing content like modals and alerts.

Quickly create stylized hyperlinks with Bootstrap Icons or other icons.

Make any HTML element or Bootstrap component clickable by “stretching” a nested link via CSS. Cards have position: relative by default in Bootstrap, so in this case you can safely add the ...

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

Approach Browser default checkboxes and radios are replaced with the help of .form-check, a series of classes for both input types that improves the layout and behavior of their HTML elements, that ...

Bootstrap’s default grid system represents the culmination of over a decade of CSS layout techniques, tried and tested by millions of people. But, it was also created without many of the modern CSS ...

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

This example is a quick exercise to illustrate how the top-aligned navbar works. As you scroll, this navbar remains in its original position and moves with the rest of the page.

Create consistent cross-browser and cross-device checkboxes and radios with our completely rewritten checks component.