Bootstrap Theme : Bootswatch

Bootswatch ; free theme

To leverage that we have a gem that is designed to do just that.

Add the following in your Gemfile

 gem 'bootswatch-rails'

Do a bundle install

 bundle install 

Browse to the following folder, app/stylesheets/application.css.scss

 @import 'bootswatch/simplex/variables'; 
 @import "bootswatch/simplex/bootswatch" 

Now test to see if this works. if you are looking to change the theme, just replace simplex with the name of the theme from Bootswatch.

Bootstrap-sass on Existing Ruby on rails project

The twitter-bootstrap gem provide a nice set of design template for all programmer out there and allow for more time to be devoted in the functionality instead of design.

Setting up the Bootstrap-sass from thomas macdonald. Shoutout to his github url for the project

Step 1: Setup the GemFile

gem 'sass-rails'
gem 'bootstrap-sass'

Step 2: Bundle Install

do a bundle install from the terminal.

bundle install

Step 3: application.js

Locate the following file app/assets/javascripts/application.js

Add the following line above the /= require_tree,

/= require bootstrap

Step 4: application.css

Locate the following file app/assets/stylesheets/application.css

Add the following line in the application.css file

@import "bootstrap";

Save the file as application.css.scss

Step 5: Done

We are now good to go.