Customize Bootstrap 5 with Parcel.
-
Clone this repository.
git clone https://github.com/yasminzy/custom-bootstrap.git
-
Go to the repo directory and install the dependencies.
If you are on Linux, use Node.js before version 18 because at the time of this writing, using that version will later result in an error:
No native build was found for platform=linux...
pnpm i
-
Run Parcel's development server and go to localhost:1234.
pnpm dev
-
Edit
scss/custom.scss
.-
Color
You can use either the color from
scss/_material-color.scss
or your own color. -
Variables
Copy the rules you want to change from
node_modules/bootstrap/scss/_variables.scss
and override the value. -
Components
Comment out the components you don't need.
-
-
If you're done, stop the dev server and start the build mode.
pnpm build
You can find the customized Bootstrap in
dist/index.[xxxxxxxx].css
.