How to override boot variables in sass?

Question

I tried to configure Bootstrap 4. I want to copy the settings from the _variable.scss file to _custom.scss to override. But I did not find the _custom.scss file in the source code. How to add this _custom.scss file to my project?

Answer 1

Bootstrap 4 is a big hit. They completely rewrote it. This way you can easily override variables. Just create the _custom-variables.scss file and import it before the _variables.scss file in bootstrap.scss , as shown below.

, , _custom-variables.scss . ! Default. . !! . .