Skip to content

NelCapeTown/Bootstrap-5-Theming-Kit

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

43 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

theming-kit html

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 :-).

About

A Theming kit to Customize Bootstrap 5 with Sass

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 90.5%
  • HTML 9.3%
  • SCSS 0.2%