Ruby on Rails

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

apache-passenger-rails
o_wani
この記事は作成から8年以上経過しているため、内容が古くなっている可能性があります。

すでに作成している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

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

STAFF
o_wani
o_wani
スタッフ
大学卒業後、15年間WEB業界で働く。現在はマネジメントに従事していますが、ChatGPTの登場に触発され、このブログを再開。AIをパートナーに、自分で手を動かして実装する楽しさと喜びを再発見中。時代が変わりつつある中でも、陳腐化しない情報発信も目指しています。
記事URLをコピーしました