Bootstrap and LESS/SASS/SCSS configuration

psdtohtml, Top Free design Resources list

To Configure LASS/SCSS/SASS into your codebase you just have to follow below steps.

Step:1: Download bootstrap from here You will see the file structure like this.

bootstrap/
├── dist/
│ ├── css/
│ └── js/
├── docs/
│ └── examples/
├── js/
└── scss/

Step:2: Make a base structure of your file like this.

htmlFolder/
├── index.html
├── assets/
│ ├── CSS/
│ └── JS/
│ └── images/
│ └── SCSS/
│ │ ├── Bootstrap ( ALL BOOTSTRAP SCSS FILES HERE ).
│ │ └── master.scss ( include references here )
│ │ └── customVariable.scss

Step:3: Add references to master file.

Step:4: Try overriding bootstrap variables in customVariable.SCSS file


Want to donate some?

If you really liked this and would like to donate something.


Leave a Comment

Your email address will not be published.