Working with SASS and Bootstrap

Twitter’s Bootstrap is undeniably popular – and if you’re a fan of CSS preprocessors you’ll love the fact that it’s built on LESS. Unfortunately, if you enjoy working with SASS, there typically hasn’t been anything readily available to get you started. Until now. This tutorial will explain how to combine SASS, Compass, and Twitter’s Bootstrap.

To start with, Casey Maupin is going to download a few assets. You will need your text editor. Head on over to rubyinstaller.org so you can grab Ruby. Once that starts downloading, you will need to go and grab a live reloader. On a Windows machine, head on over to Scout, Mac users will more likely use LiveReload. Go ahead and install Ruby installer and Scout. Now create a temporary folder and extract the Bootstrap-Sass zip into it. Next, you need to head into our Command Prompt window to set up our project. Go ahead and type in gem install compass at the C:\ prompt.