Thursday, June 4, 2015

Bootstrap Sass Installation and Customization

Bootstrap is a popular, open source framework. Complete with pre-built components it allows web designers of all skill levels to quickly build a site.

The only drawback I can find to Bootstrap is that it is built on Less. Less is a CSS preprocessor, and although I could learn Less, I prefer Sass. Normally the fact that it is based on Less would exclude me as a user of Bootstrap, as I do no write plain CSS anymore. Fortunately Bootstrap now comes with a official Sass port of the framework, bootstrap-sass. If you are not familiar with Bootstrap implementing the Sass version can be a little tricky. In this article I will show you how to configure and customize Bootstrap with Sass.

Installation

There are multiple ways to obtain and install bootstrap-sass

Download

You can download bootstrap-sass from the Bootstrap download page. Once you have it downloaded extract the contents of the file to the folder you are going to create your project in.

Compass

If you are using Compass then you'll have Ruby installed. With Ruby installed we can use gems, in this case the bootstrap-sass gem. To install:

Continue reading %Bootstrap Sass Installation and Customization%


by Reggie Dawson via SitePoint

No comments:

Post a Comment