Ruby On Rails アプリケーション作成 3 - Bootstrap導入 -

Twitter bootstrapを使ってみる

前回のページのレイアウトが寂しげな感じだったので、
twitter bootstrapを使用してみる。

http://ppworks.hatenablog.jp/entry/2012/02/19/033644
上記サイトを参考にtwitter-bootstrap-railsをインストールし、application.html.erbに
適用し、サイトを表示してみる。・・・が！

いきなり怒られるorz
どうやら、railsさんがlessを認識していないっぽい。そもそもlessって何？

http://www.webopixel.net/html-css/503.html
☝️cssをシンプルにプログラム的に書けるものらしい。

Gemfileに

# Sprockets (what Rails 3.1 uses for its asset pipeline) supports LESS

gem 'less-rails'

gem 'therubyracer'

※therubyracer ➡️ http://d.hatena.ne.jp/suu-g/20121222/1356189597

を追加して、bundle install〜!!
もう一度表示してみると・・・

おおっ!!何かそれっぽいデザインになっている☆
色々カスタマイズしていくらしい、がまだまだ勉強が必要ですなorz

公式サイト
上記サイトを参考に修正。今回は以下デザインで終了。続きはまた(^^;)