はじめに

最近巷では (Google bootstrap)http://todc.github.com/google-bootstrap/ とかいうものが話題になっているらしいですが、今回は twitter-bootstrap を使おうとしたらちとハマったのでメモがてらに書いて起きます。

twitter-bootstrap とは

簡単にいうといろいろとよしなにやってくれる CSS のフレームワーク。

調べると結構でてくる。

Gemfile にgemを追記しましょう。 Sassに書き換えたものなどがありますが、今回はこちらを仕様します。

gem "twitter-bootstrap-rails"

bundle install --path vendor/bundler

これでgemがインストールできます。インストールしたら必要なファイルを作成します。

bundle exec rails g bootstrap:install

すると基本となる js や css が配置されると思います。

今回は layout/application.html.erb を bootstrap に書き換えてみましょう

bundle exec rails g bootstrap:layout application

これで画面をみると…

無事みれると人もいるかもしれませんが、自分の場合は

Load error:  bootstrap_and_overrides.css.less

このようなエラーがでて表示されませんでした。

ファイルはありますが、lessの部分でエラーがでてるかなと？

調べてみると

gem 'less'

をGemfileに書くと解決するという記事も見つけましたがダメでした。

自分の場合は

gem 'less-rails'

を追加したらいけました。

tiwtter-bootstrapを使う場合は

Gemfileに

gem 'less-rails'
gem "twitter-bootstrap-rails"

って書きましょう。

以上。

posted with amazlet at 13.01.22

Packt Publishing (2012-11-19)
売り上げランキング: 13,438