From the course: Bootstrap 4 with Sass

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Modifying colors

Modifying colors - Bootstrap Tutorial

From the course: Bootstrap 4 with Sass

Start my 1-month free trial

Modifying colors

- [Instructor] The SASS version of Bootstrap has a number of variables that you have access to so that you can quickly modify your layouts. So the best way to find the variables is by looking in the node module's folder, and then again looking for the Bootstrap folder, and in the SCSS folder, we'll find that there is an underscore variables that SCSS file. That's where you'll find the code for the variables that you can change. And if you'll notice, a lot of these will have a keyword default at the end of the definition. Now that means, that if another variable with the same name exists before the call right here with the default, then that variable's value will override whatever is installed right here. Otherwise, this is the default value. So if there is nothing else with that same name, then these are the default values. And that means that we can create a variable before our Bootstrap call. So in our style.scss document, if we create a variable here, then it will override whatever…

Contents