In this step, we will see how we can overwrite the Boostrap variables in our application:
- Create a new folder called scss at the root of the Client folder.
- Inside the ./Client/scss folder, add a new folder called bootstrap.
- Inside ./Client/scss/bootstrap, add a new file called _variable.scss.
- Copy the content from node_modules/bootstrap/scss/_variables.scss and paste it into ./Client/scss/bootstrap/_variables.scss.
Pretty simple; congratulations! We are ready to override Bootstrap variables.
The last step is to import the new _variables.scss file into our main style.scss file.
- Open the ./Client/style.scss file and replace the line @import "../node_modules/bootstrap/scss/_variables.scss" with the following: ...