Design ScaffoldingTwitter released Bootstrap to share a collection of best practices for web templates. They provide a packaged selection of solid web technologies including the excellent Less library and make it available via Github. Since developers often have little or no web design experience, Bootstrap provides a great way to bootstrap your front end.
We'll cover the process to get Bootstrap installed in our Ubuntu 12.04 environment.
PrerequisitesYou need to prepare your system to make Bootstrap.
$ sudo apt-get install npm $ sudo npm -g install uglify-js $ sudo npm -g install jshint $ sudo npm -g install recess
Fork BootstrapIf you haven't already, set up an account on GitHub. Then be sure to set up an SSH key to manage your commits. Finally, fork the Bootstrap repository and clone it locally into
To track the original repository, execute the following:
To pull changes from
$ git remote add upstream git://github.com/twitter/bootstrap.git
Navigate to your new
$ git remote add upstream
bootstrapfolder and run
make. This generates a
docfolder that contains an
Integration with RuhohIntegration of Bootstrap with Ruhoh is straightforward. Ruhoh supports themes so it's a matter of moving the compiled Bootstrap artifacts into the appropriate theme locations for Ruhoh. There is a master blog template that contains a theme,
fimerothat we'll use in this tutorial.
AssetsOnce Bootstrap is compiled, locate the
docs. In it, you'll find
Copy the files as listed. Then edit the
fimeroand add the appropriate resources (css and js files).