読者です 読者をやめる 読者になる 読者になる

牌語備忘録 -pygo

あくまでもメモです。なるべくオフィシャルの情報を参照してください。

牌語備忘録 -pygo

続『5分でRails3アプリ』をやってみた - 『Twitter Bootstrap』で見た目をサクッと変えてみた

Rails CSS

『5分でRails3アプリ』をやってみたの続き。

twitter-bootstrap-rails』っていうのを見つけたのでやってみた。

『less-rails-bootstrap』ってのもある*1

Installing Gem

Gemfileに以下追加

Gemfile
gem 'twitter-bootstrap-rails'

terminal

bundle install

Installing to App (using Generators)

terminal
rails g bootstrap:install

とりあえず app/views/layouts/application.html.erb を使ってやってみる。

rails g bootstrap:layout application fixed

「Overwrite ~ 」と上書きするかと訊ねてくるので『Y』押してリターン。

webブラウザで確認

Twitter Bootstrap 適用前と後。

http://localhost:3000/payments/

適用前

適用後

http://localhost:3000/payments/new

適用前

適用後


若干崩れるけど手直しすればよい範囲かな。
Twitter Bootstrap おもしろい。





*1:追加:20120108