rails newからbootstrap4適用まで
railsでアプリを作成してからbootstrap4を導入したところまでやったことの忘備録。
railsアプリを作成
プロジェクトを管理するフォルダで
$ rails new app名
とりあえずtopページを先に作っておくか〜って感じで
$rails g controller home top
サーバ立ち上げて
$rails s
localhostでブラウザから確認
localhost:3000/home/top
topページはlocalhost:3000/で表示されるようにroutes.rbを変更
get '/' => 'home#top'
bootstrap4を適用
Gemfileに以下2行を追加
gem 'bootstrap', '~> 4.0.0.beta2.1'
gem 'jquery-rails'
gemファイルに変更があったので
$bundle install
application.cssをrename
$mv app/assets/stylesheets/application.css app/assets/stylesheets/application.scss
application.scssでbootstrapをimport
@import "bootstrap";
importするときに,*= require_treeを削除した
app/assets/javascripts/application.jsに以下3行を追加
//= require jquery3
//= require popper
//= require bootstrap-sprockets
ブラウザから確認すると少し見た目が良くなって適用された感じだった。