Debuginfo

思考とアウトプット

twitter-bootstrap-railsをインストール

これを入れるとすごいことになりそうなので入れてみます。

注: ちなみにrails初心者でPerl mongerです。generateの動作等を手探りで見てます

基本的にhttps://github.com/seyhunak/twitter-bootstrap-railsのREADMEに従います。

Installing gem

Gemfileに書いてbundle installですね。Cartonだ!

$ vim Gemfile
# add 
gem "therubyracer"
gem "less-rails" #Sprockets (what Rails 3.1 uses for its asset pipeline) supports LESS
gem "twitter-bootstrap-rails"
$ bundle install

Applying to my app

$ rails generate bootstrap:install less
insert  app/assets/javascripts/application.js
create  app/assets/javascripts/bootstrap.js.coffee
create  app/assets/stylesheets/bootstrap_and_overrides.css.less
create  config/locales/en.bootstrap.yml
    gsub  app/assets/stylesheets/application.css
    gsub  app/assets/stylesheets/application.css
$ rails g bootstrap:layout application fluid
conflict  app/views/layouts/application.html.erb
Overwrite /Users/kamesho/dev/oishitokoro/app/views/layouts/application.html.erb? (enter "h" for help) [Ynaqdh] Y
   force  app/views/layouts/application.html.erb

昨日作ったプロジェクトで何も書いていないのでoverwriteしました。こうやって適用するんですね。application.html.erbは全体のレイアウトらしいのでこれを変えれば全体が変わるらしい。

$ buindle exec rails s  # 確認

以後、これを編集する。

want to use bootswatch?

http://bootswatch.com/ からvariables.lessをダウンロードし、中身をbootstrap_and_overrides.css.lessにコピペ。

Ref : http://qiita.com/items/a60886152a4c99ce1017