Changing Bootstrap Styles in SASS

From Logic Wiki
Jump to: navigation, search


  1. Create two folders css and scss
  2. Download source bootstrap
  3. Create a file in scss like custom_bootstrap.scsss
    1. in the file in order to import original bootstrap.scss type @import "../bootstrap/scss/bootstrap"
  4. Create a file in scss like custom.scsss
    1. in the file write any scss code to overwrite default one. like body{background:purple;}
  5. Create a file in scss like main.scsss This will merge original and our custom together
    1. in the file import custom_bootstrap.scss type @import "custom_bootstrap"
    2. in the file import custom.scss type @import "custom"

and by using Sass Compiler - Koala, compile main.scss to app.css in css folder