Custom Bootstrap

Customize Bootstrap 5 with Parcel.

How to use

1. Clone this repository.

   git clone https://github.com/yasminzy/custom-bootstrap.git

2. 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

3. Run Parcel's development server and go to localhost:1234.

   pnpm dev

4. 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.

5. 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.