1) Download Bootstrap
git://github.com/twbs/bootstrap.git cd bootstrap
2) Install npm and node (Ubuntu)
curl https://npmjs.org/install.sh | sudo sh sudo ln -s /usr/local/bin/npm /usr/bin/npm sudo npm cache clean -f sudo npm install -g n sudo n stable
Or using the package manager (thank you Mischa):
sudo apt-get install python-software-properties python g++ make; sudo add-apt-repository ppa:chris-lea/node.js; sudo apt-get update; sudo apt-get install nodejs;
3) Install grunt-cli globally and grunt locally
sudo npm install -g grunt-cli npm install grunt npm install grunt-contrib-connect grunt-contrib-clean grunt-contrib-concat grunt-contrib-jshint npm install grunt-contrib-uglify grunt-contrib-qunit grunt-contrib-watch grunt-recess
4) We need Jekyll as well..
sudo apt-get install rubygems sudo gem install jekyll
5) Now do the actual modification
Now edit the files in the “less” directory (start with “variables.less”) with you favorite editor. Note that less is some sort of programming language that allows you to script consistent CSS generation. One of the examples is that Bootstrap has a “brand-primary” color that can be used in different shades using the “lighten” and “darken” functions.
6) Test your creation
grunt dist jekyll serve
Questions? Comments? Let us know!