Custom Bootstrap Theme With Sass - Absar Ahmad Developer
Custom Bootstrap Theme With Sass Setting Up Sass Environment Install node js Cr project folder “Bootstrap Project” on it in VS code Run command inside this folder ⇒ Npm init Fill up info and keywords with spaces: Headover to npmjs.com and search dart-sass npm i -g sass npm install --save-dev sass Headover to getbootstrap.com > npm i bootstrap@next –-save Headover to fontawesome.com > start for free > select npm npm install --save @fortawesome/fontawesome-free Let’s add sass compilation script: Create scss folder in root Cr scss>style.scss npm run compile:sass But let’s add --watch flag That’s it we setup our project ------------------------------------------------------------------------------------------- Customizing Bootstrap Cr scss > _custom.scss Import bootstrap in _custom.scss Inside style.scss add this custom partial: Now find _variables file from ⇒ node_modules > bootstrap > scss > _variables.scss Now inside this variabl...