Customization options
Customization options
Customize Bootstrap 4 with our built-in custom variables file and easily toggle global CSS preferences with new $enable-*
Sass variables. Override a variable’s value and recompile with the included Gruntfile as needed.
Customizing variables
Bootstrap 4 ships with a _custom.scss
file for easy overriding of default variables in /scss/_variables.scss
. Copy and paste relevant lines from there into the _custom.scss
file, modify the values, and recompile your Sass to change our default values. Be sure to remove the !default
flag from override values.
For example, to change out the background-color
and color
for the <body>
, you’d do the following:
// Bootstrap overrides // // Copy variables from `_variables.scss` to this file