rails4.2.5にbootstrap-sassでBootstrap3を導入

[Sponsored Links]

すでに作成しているrailsのプロジェクトにBootstrapを導入する。

Gemfileの修正

Gemfileにbootstrap-sassを追加する。
3.3.6が現在の最新バージョン。

1.$ vim Gemfile
2.gem 'bootstrap-sass', '~> 3.3.6'

bundle install

1.$ bundle install

サーバーの再起動

サーバが起動していたら、ストップして再度起動。

1.$ rails s -b 0.0.0.0

application.css を application.css.scssに変更

app/assets/stylesheets/application.cssapp/assets/stylesheets/application.scssに変更する。

1.$ cd app/assets/stylesheets/
2.$ mv application.css application.scss

application.scss

1.$ vim application.scss

内容は以下のようにする。

1.@import "bootstrap-sprockets";
2.@import "bootstrap";

application.jsを修正

application.js

1.$ vim app/assets/javascripts/application.js

内容は以下のようにする。

  • このエントリーをはてなブックマークに追加
[Sponsored Links]

コメントする

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です