Bootstrap 5 Websites

5 website projects from the Bootstrap 5 From Scratch course.

Demos

Usage

These projects were built with Bootstrap and Sass. They also use Font Awesome for icons. They were created using the BS5 Simple Starter

To customize any of these websites, you need to install Node.js and run the following in the project folder:

npm install

This will install Bootstrap, Sass and Font Awesome. To build your CSS files from Sass, run:

npm run sass:build

To watch your Sass files for changes, run:

npm run sass:watch

For custom stying, use the scss/styles.scss file.

To customize Bootstrap, you can add Bootstrap variables to the scss/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.

Design Credit

All websites were custom coded by me, however the designs and assets were inspired and provided by the following: