/bs5-simple-starter

Simple boilerplate for Bootstrap 5 projects

Primary LanguageHTML

Bootstrap 5 Simple Starter

This is a simple boilerplate for creating and customizing Bootstrap projects. It does not use any module bundler. It will be used in my upcoming Bootstrap 5 course.

Usage

Install dependencies:

npm install

This will install Bootstrap, Sass and Font Awesome.

Compile Sass

To build your CSS files from Sass, run:

npm run sass:build

Watch Sass

To watch your Sass files for changes, run:

npm run sass:watch

To customize, add the Bootstrap variables to the bootstrap.scss file. You can look at the file node_modules/bootstrap/dist/scss/_variables.scss for a list of all the variables. Do NOT edit the variables.scss file directly, as it will be overwritten when you update Bootstrap.

To add your own custom styles, use the styles.scss file.