hub.eb?material_id=455&track_id=460

Bootstrap Variables File


Bootstrap uses variables to control the styles applied by Bootstrap classes. Some of the variables that can be changed affect the colour scheme, breakpoints, font & sizing, which you can modify to style your application.

Verj.io Bootstrap Starter Apps contain a _bootstrapVariables.scss file which allows you to set all variable values in one place. The file can be found in the Modules>Shared>Client>SCSS folder. The Bootstrap variables file is imported to the style.scss file using:

@import “_bootstrapVariables”;

 

Steps


1

Create a new form with a Bootstrap4 Presentation Template

2

Add a Button Control to the form. You will notice that the button is blue by default.

3

Go to the _boostrapVariables.scss file and modify the value of $primary from $blue to $yellow.

4

Return to your form and notice that your button is now yellow.

Current Module

Related