RoR で Bootstrap CSSを追加する。

下記のRoR開発環境で「Bootstrap」を追加してみた。

単純にGemに「Bootstrap」を追加＆更新して、「Bootstrap」をCSSインポートしたらエラーになったのでメモ


■環境
・Ruby 2.0.0p576 (2014-09-19) [x64-mingw32]
・Rails 4.1.6
・OS windows8.1(64bit)


※ちなみに、「Bootstrap」とは、
Bootstrapは、CSSの「フレームワーク」といわれるもので、
「枠組み・スタイルなど」をある程度最初から定義しているライブラリ群です。


・まず、Gemfileへbootstrap-sassを追加する。（追加したのは下記の２行）

　　gem 'bootstrap-sass', '2.3.2.0'
　　gem 'sprockets', '2.11.0'


・Gemfileを更新したので、下記のコマンドを実行
　　bundle update

・Asset Pipeline互換の行を追加する。
　　修正したファイル：　config/application.rb
     修正した内容　  ：下記の１行を追加
　　　　config.assets.precompile += %w(*.png *.jpg *.jpeg *.gif)



　　ファイル内容（例--------------------------------------
　　require File.expand_path('../boot', __FILE__)
　　　　.
　　　　.
　　　　.
　　module SampleApp
　　  class Application < Rails::Application
　　    .
　　    .
   　　 .
   　　 config.assets.precompile += %w(*.png *.jpg *.jpeg *.gif) 
  　　end
    end

・CSSにインポート

　　/app/assets/stylesheets/xxxxxx.css.scss

    該当するCSSファイルに「Bootstrap」をインポート

　　@import "bootstrap";