Rails4 に bootstrap-sass で Twitter Bootstrap3 を導入

CSS を Sass 形式で書くために、Rails4 アプリケーションに bootstrap-sass の gem を用いて、Twitter Bootstrap3 を導入します。

スポンサーリンク

Gemfile に bootstrap-sass を追加

Gemfile に bootstrap-sass を追加して、bundle install。

Bootstrap3 を使います。ここでサーバーが起動していたら再起動。

config/application.rb に設定を追加

config/application.rb に config.assets.precompile〜 の行を追加し、bootstrap-sass が Asset Pipeline と互換性を持つようにします。

config/application.rb

カスタマイズ用の custom.css.scss ファイルを作成

css カスタマイズ用の custom.css.scss ファイルを作成して、bootstrap を import します。

このファイルに Sass 形式で、カスタマイズ用の CSS を追記していきます。以上で bootstrap-sass の導入は終了。Sass の文法などは以下を参照。

スポンサーリンク
パーフェクト Ruby on Rails は、最近読んだ Rails 本の中では一番役に立った本です。Chef や Capistrano など Rails と共によく使用される技術にも触れてあります。Ruby on Rails 4 アプリケーションプログラミングは、入門的な内容で Rails の機能全体を網羅されています。
スポンサーリンク
 
Twitterを使っていますのでフォローお願いたします!ブログの更新情報もつぶやいてます^^
(英語学習用)

Leave Your Message!