Creating a Bootstrap 4 Custom Theme

Download the Bootstrap 4 source files

We will be using the Bootstrap 4 source files. This will allow us to have access to the original Bootstrap 4 scss files in order to build our own custom theme. The goal is to provide our own scss files that will override the Bootstrap 4 classes and compile a single css file.

Setup:


Prerequisites:

• Download and install Node.js.
• Download the Bootstrap 4 source files:
• https://getbootstrap.com/docs/4.0/getting-started/download/

1. Extract the zip file and go to the "bootstrap-4.0.0" folder.
2. Open command line to that folder
3. Run command  "npm install" in the project folder command line.
4. Install Ruby
5. Install Bundler with command "gem install bundler" in the project folder command line.
6. Once Bundler is installed, use command "bundle install" in the project folder command line.
7. This will install Jekyll, 
8. In this step I had to step out of my code editor and use Git Bash and run "npm run docs-serve".
9. once it's running browse to: http://localhost:9001/

Sources:
https://antjanus.com/blog/uncategorized/make-bootstrap-3-theme-proper-way/

https://www.quora.com/What-is-the-best-way-to-create-custom-themes-for-Bootstrap

http://bootstrap.themes.guide/how-to-customize-bootstrap.html


To be continued...