ogorei / bootstrap-5-theming-kit

A Theming kit to Customize Bootstrap 5 with Sass

Bootstrap v5 Theme Kit

A starter project for making Bootstrap 5 themes with Sass

*** This is simple starter project to help you get started quickly when making a custom Bootstrap theme.

Prerequisites

This works on Windows, macOS and Linux. Node Package Manager are required. Make sure you can run node --v. You can get Node at nodejs.org, then install dart-sass using npm install sass --save-dev

Getting started

NOTE:

1. If you have bootstrap 5 already installed just copy theming-kit.html to your project and then link the stylesheet which has bootstrap 5 to the head section.

for stand alone use follow below instructions

1. Clone this repo
2. Then cd into to the clone project which will be (Bootstrap-5-Theming-Kit)
3. Run npm install
4. Then on your terminal run npm run compile:sass to Compile style.scss and then make sure you link the style.css stylesheet to the head section of the theming-kit.html ( check inside assets/css folder ) .
5. Look at theming-kit.html (ideally with a local development webserver if possible)
6. Add any Bootstrap 5 Sass variables you want to override into scss/_custom.scssby copying them from bootstrap _variables.scss file check inside node_modules/bootstrap/scss/_variables.scss
7. enjoy :-).