twitter-bootswatch-railsを使ってみた

scottvrosenthal/twitter-bootswatch-rails https://github.com/scottvrosenthal/twitter-bootswatch-rails

wgetでbootswatchからvariables.less取ってきて配置すればいいのですがgemがあるので使ったほうがラクかなと。

Gemfile

gem 'twitter-bootswatch-rails'
gem 'twitter-bootswatch-rails-fontawesome'
gem 'twitter-bootswatch-rails-helpers'

bundle

bundle install --path vendor/bundle

rails g bootswatch:*

rails g bootswatch:install cyborg
rails g bootswatch:import cyborg
rails g bootswatch:layout cyborg

cyborgのとこは[theme_name]でameliaとかceruleanとかいろいろある、下記サイト参照。

Bootswatch: Free themes for Twitter Bootstrap http://bootswatch.com/

application.css

 *= require cyborg/loader #追記

application.js

//= require cyborg/loader #追記

application.css、application.js双方ともに以下を削除する

//= require_tree .

f:id:kanetann:20130704013612j:plain

こんなカンジでcyborgが適用されましたねー。