俺の名はケンヤ。難事件をいくつも迷宮入りさせたニート。しかし ある時謎の組織に入社し薬を飲まされ身体が縮んでBraian
になっちゃった。
Bootswatch
早速やってみましょう!
①
まずはアプリを新規作成するためターミナルで
rails new app
を打ちこむ。
②
次にGemfileに下記を入れアプリにBootswatch/bootstrapを適用させる。
gem 'therubyracer', platforms: :ruby(有効化) gem 'less-rails' (追記) gem 'twitter-bootswatch-rails', '~> 3.2.0’ (追記) gem 'twitter-bootswatch-rails-helpers’ (追記)
③
再びターミナルで入力
bundle install
rails g bootswatch:install Bootswatchのテーマ名
rails g bootswatch:import Bootswatchのテーマ名
rails g bootswatch:layout Bootswatchのテーマ名
④
config/initializer/assets.rbに下記を追加
Rails.application.config.assets.precompile += %w( テーマ名.css ) Rails.application.config.assets.precompile += %w( テーマ名.js )
⑤
aplication.cssやapplication.jsに下記を追加
[aplication.js]
//= require テーマ名/loader //= require テーマ名/bootswatch
[application.css]
*= require_self *= require テーマ名/loader *= require テーマ名/bootswatch
最後
あとは出来上がったerb、をもとにcss、javascriptを貼付けて使うだけ
参考文献
ありがとうございましたー!!
参考
http://morizyun.github.io/blog/bootswatch-rails-setup/
http://qiita.com/wantata222/items/fba52115ba53eeee59c5
簡単カスタマイズ参考
http://coliss.com/articles/build-websites/operation/work/bootstrap-live-customizer.html
http://qiita.com/maruyam-a/items/c5642a4cb279be75a1b2
http://qiita.com/ppworks/items/071969ae01198b337ad2
http://easyramble.com/how-to-customize-twitter-bootstrap.html