rails5 bootstarp4 導入手引き

$ cat ~/.gemrc
gem install rails -v 5.1.6
rails _5.1.6_ new アプリ名

gemのインストール

gemファイルの編集

source 'https://rubygems.org'
gem 'rails', '~> 5.1.6'
gem 'puma', '~> 3.7'
gem 'rails-i18n'
gem 'will_paginate'
gem 'bootstrap-will_paginate'
gem 'bcrypt'
gem 'sass-rails', '~> 5.0'
gem 'uglifier', '>= 1.3.0'
gem 'coffee-rails', '~> 4.2'
gem 'jquery-rails'
gem 'turbolinks', '~> 5'
gem 'jbuilder', '~> 2.5'
gem 'bootstrap', '~> 4.3.1'
gem "font-awesome-rails"
gem 'font-awesome-sass'
gem 'mechanize'
group :development, :test do
gem 'sqlite3', '1.3.13'
gem 'byebug', '9.0.6', platform: :mri
end
group :development do
gem 'web-console', '3.5.1'
gem 'listen', '3.1.5'
gem 'spring', '2.0.2'
gem 'spring-watcher-listen', '2.0.1'
end
gem 'tzinfo-data', platforms: [:mingw, :mswin, :x64_mingw, :jruby]

ディレクトリ移動後、bundle install

設定変更

application.js の編集

//= require jquery3
//= require popper
//= require bootstrap-sprockets
//= require rails-ujs
//= require turbolinks
//= require_tree .

application.cssファイルのファイル名変更及び設定変更

application.css => application.scss

application.scss ファイルを変更

@import "bootstrap";
@import "*";

コメント

タイトルとURLをコピーしました