Bootstrap Theme - variables.less - Bootswatch

Question

How do you generate bootstrap.css file from the variables.less and bootstrap.less files from http://bootswatch.com/ ?

Compiling using lessC, I get a css file but that is way smaller than bootstrap.css. How am I supposed to change the colour in one of the themes?

Thanks a ton.

Answer 1

Bootswatch Swatchmaker is great and all but sometimes you are trying include Bootswatch themes in a more scriptable environment or need a better understanding of how Bootswatch themes are put together. Here is my method for manually compiling a Bootswatch Theme.

1. Download Twitter Bootstrap from the source and uncompress.
2. Move the Bootswatch files variables.less and bootswatch.less to the less/ folder, replacing the existing variables.less file.
3. At the end of bootstrap.less, append @import "bootswatch.less";.
4. Compile bootstrap.less. I recommend using the grunt task provided by Bootstrap.