Railsでbootstrapとfontawesome使う

Ruby

Railsでbootstrapとfontawesome使うためのメモ。Railsは4.2.0です。

まず、Gemfileに追加。

gem 'sprockets', '~> 2.12.3'
gem 'bootstrap-sass', '~> 3.3.3'
gem 'font-awesome-sass', '~> 4.3.0'

paginateもしたいのでついでに以下も足しました。

gem 'will_paginate', '~> 3.0.7'
gem 'bootstrap-will_paginate', '~> 0.0.10'

bundleでインストールする。

$ bundle install --path vendor/bundle

app/assets/stylesheets/custom.css.scssというファイルを作って以下を書く。

@import "bootstrap-sprockets";
@import "bootstrap";
@import "font-awesome-sprockets";
@import "font-awesome";

app/assets/javascripts/application.jsに以下の行を追記。

//= require bootstrap-sprockets

config/application.rbに以下の行を追記。

    config.assets.precompile += %w(*.png *.jpg *.jpeg *.gif)

railsのサーバ起動してたら一旦再起動すれば使えるようになる。
あとは適当なビューでclass指定してみて反映されてるか見たらよい。

参考