Skip to content

Compile your own Bootstrap

Thomas Kuther edited this page Mar 19, 2018 · 5 revisions

This is especially useful for those who'd like to fully customize colors and other things from default Bootstrap, bootstrap-material-design or Bootswatch, and is considered to be the most advanced method of customizing the theme.

You need to know how to develop your own Bootstrap theme using Sass, variable overrides and all that. Explaining this goes way beyond the scope of this wiki. So this is for those that already know what I'm talking about.

  1. Create the file scss/custom/custom.scss
  2. Include needed stuff and override variables as desired. The scss/ folder has lots of examples.
  3. Compile the stylesheet using npm run build:custom
  4. Select the "Custom" style in Bootstrap Darkroom's configuration

The scss/custom/*.scss and generated css/custom/*.css files are excluded in .gitignore and therefore will be persistent across theme updates.

Clone this wiki locally