Revision history [back]

You can modify your Bootstrap variables using SASS in the following ways:

1. Create a new SASS file: Start by creating a new file (e.g. custom.scss) in your project's SASS directory.

2. Import Bootstrap's source files: Import the Bootstrap source files into your custom SASS file using the @import statement.

3. Modify the variables: Override the default Bootstrap variables by assigning new values to them before the @import statement. You can also create new variables if needed.

4. Compile the SASS file: Compile the SASS file into a CSS file (e.g. custom.css) using a SASS compiler. This will generate a modified version of Bootstrap with your custom variables.

5. Link the compiled CSS file: Finally, link the compiled CSS file in your HTML document to use the modified version of Bootstrap in your project.

Note: It is recommended to make changes to Bootstrap variables in a separate file rather than modifying the original Bootstrap source files. This will make it easier to update Bootstrap in the future without losing your customizations.