Skip to content

yasminzy/custom-bootstrap

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

39 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.