Using Bootstrap Variables with Sass

The Bootstrap Sass code provides a number of variables. You can override the default Bootstrap values by assigning values to the variables.

How to Override a Sass Variable Value

To override a variable value, you set it in css/sass/supporting/variables-bootstrap-core-override.scss.

For a list of the Bootstrap variables available, see css/sass/supporting/bootstrap/_variables.scss.

Examples

For each of these, add the code to variables-bootstrap-core-override.scss

Change Your Text Color to Red

$text-color: red;

Change the Link Color to Green

$link-color: green;

Change the Base Font Size

$font-size-base: 22px;