gaku様の備忘録

プログラミングとか、夢と現実と理想とか。。。

railsにbootstrap導入

とりあえず、railsプロジェクト制作。

rails new プロジェクト名

Gemfileに以下を追加

gem 'twitter-bootswatch-rails’
gem 'twitter-bootswatch-rails-helpers’

んでからの、bundleインストール

bundle install


とりあえず、インストールは完了。

プロジェクトに適用するために以下のコマンドでファイルを生成する。
(readableはテンプレート名。ここにいろいろある。http://bootswatch.com/)

rails g bootswatch:install readable
rails g bootswatch:import readable
rails g bootswatch:layout readable

※この時、以下のようなエラーが出る場合がある

[WARNING] Please install gem 'therubyracer' to use Less.

この時はGemfileでgem ‘therubyracer’のコメントを消して適用してあげる。んでからのbundle install

これでいろいろ制作された。あとは、layout、css、JSにファイルが生成されているので、適宜使っていく(この場合readable系。application.html.rebとかを上書きして使えば行けるようになる。)

以上です。

■gaku様のひとこと
bootstrapの入れ方は簡単だった。カスタマイズ方法が分かったら随時UPします。(´・ω・`)

■参考文献
Bootstrap/BootswatchをRails 4.1に導入! - 酒と泪とRubyとRailsと