Skip to main content Skip to docs navigation
Check
View on GitHub

Customize

Learn how to theme, customize, and extend Bootstrap with Sass, a boatload of global options, an expansive color system, and more.

Sass Utilize our source Sass files to take advantage of variables, maps, mixins, and functions.
Options Customize Bootstrap with built-in variables to easily toggle global CSS preferences.
Color Learn about and customize the color systems that support the entire toolkit.
Components Learn how we build nearly all our components responsively and with base and modifier classes.
CSS variables Use Bootstrap's CSS custom properties for fast and forward-looking design and development.
Optimize Keep your projects lean, responsive, and maintainable so you can deliver the best experience.

CSPs and embedded SVGs

Several Bootstrap components include embedded SVGs in our CSS to style components consistently and easily across browsers and devices. For organizations with more strict CSP configurations, we’ve documented all instances of our embedded SVGs (all of which are applied via background-image) so you can more thoroughly review your options.