Files
bootswatch/docs/2/swatchmaker
XhmikosR e40c289ced HTML cleanup
* use https when possible (Google Analytics is left)
* use `img-fluid` since `img-responsive` is a v3 class
* specify `rel="noopener"` for external links
* trim trailing spaces
* remove unneeded HTML end tags
* remove the unneeded `type=text/javascript`
* remove the obsolete `border="0"`
2020-08-11 14:02:50 +03:00
..
2017-11-03 20:35:32 -04:00
2017-11-03 20:35:32 -04:00
2020-08-11 14:02:50 +03:00
2017-11-03 20:35:32 -04:00
2017-11-03 20:35:32 -04:00
2017-11-03 20:35:32 -04:00
2017-11-03 20:35:32 -04:00
2017-11-03 20:35:32 -04:00

Create your own swatch

  1. Download Bootswatch

Download or clone Bootswatch.

  1. Install Bootstrap

In terminal, navigate to /bootswatch/swatchmaker/ and run the command make bootstrap to download the latest version of Bootstrap.

  1. Install Bootstrap Dependencies

If you haven't before, install npm. Next, navigate to /bootswatch/swatchmaker/bootstrap/ and type npm install to locally install Bootstrap dependencies (uglify-js, jshint, recess, connect, hogan.js).

  1. Customize Bootstrap

Make your customizations to the two files found in /bootswatch/swatchmaker/swatch/: variables.less and bootswatch.less. You can also copy over the less files from an existing theme and modify them.

  1. Build Customized Bootstrap

In /bootswatch/swatchmaker/, run make bootswatch. The compiled CSS files will be created in /bootswatch/swatchmaker/swatch/.

You can run the watcher to automatically build Bootstrap whenever changes are saved with make watcher (Requires gem install directory_watcher).

  1. Reset Bootstrap

If you want to reset variables.less and bootswatch.less to defaults, run make default.