Customizing Bootstrap with SASS for Beginners

Option B: Include parts of Bootstrap

2025-04-14

Written by: tdtc

• v4.6.2 支持 Internet Explorer 11

git clone -b v4.6.2 --single-branch https://github.com/twbs/bootstrap.git

scss

//custom.scss

@import "../bootstrap/scss/functions";
@import "../bootstrap/scss/variables";
@import "../bootstrap/scss/mixins";

@import "../bootstrap/scss/buttons";
//@import "../bootstrap/scss/nav";

install sass

• node-sass

npm install -g node-sass

• dart-sass

npm install -g sass@1.77.6

Gen

• dart-sass

sass custom.scss custom.css

• node-sass

node-sass custom.scss custom.css

Ref

• Customizing Bootstrap with SASS for Beginners