Changing Bootstrap Styles in SASS
From Logic Wiki
- Create two folders css and scss
- Download source bootstrap
- Create a file in scss like custom_bootstrap.scsss
- in the file in order to import original bootstrap.scss type @import "../bootstrap/scss/bootstrap"
- Create a file in scss like custom.scsss
- in the file write any scss code to overwrite default one. like body{background:purple;}
- Create a file in scss like main.scsss This will merge original and our custom together
- in the file import custom_bootstrap.scss type @import "custom_bootstrap"
- in the file import custom.scss type @import "custom"
and by using Sass Compiler - Koala, compile main.scss to app.css in css folder