Bootstrap SASS

Take advantage of the Front's past, current and future updates, by learning how to create your own content without changing the core styles of Front.

Customized Bootstrap

Front has taken the advantage of Bootstrap's SASS variable and changed the core Bootstrap style to avoid duplicated codes, styles and also, reduce the size of the Front CSS files. What does it mean? This means that Bootstrap's colors, sizings, forms and many other components are called from assets/vendor/bootstrap/scss/ to _custom.bootstrap.variables.scss which is located in the following directory assets/include/scss/vendor/bootstrap/, overridden and generated back to assets/vendor/bootstrap/css/ using Gulp and SASS.

Refresh after Changes

After modifying Bootstrap's core SASS value, saving the _custom.bootstrap.variables.scss file or rerunning the Gulp task will be required to proceed with changes.