Ruby on RailでBootstrap を使用する

参考サイト
Ruby on Rails チュートリアル：実例を使って Rails を学ぼう初めてのRuby on rails Bootstrap導入編 [Memo for neko] - Qiita

GemfileへのBootstrap追加

[app/gemfile]

# Bundle edge Rails instead: gem 'rails', github: 'rails/rails'
gem 'rails', '~> 5.1.6'
# bootstrap
gem 'bootstrap', '~> 4.1.1'

gem 'bootstrap'を追加して bundle install ．

$ bundle install

application.cssの編集

ファイル拡張子をscssに変更し、ファイルの最後に@importを追加
[/app/assets/stylesheets/application.css] -> [/app/assets/stylesheets/application.scss]

 @import "bootstrap";

application.jsの編集

[app/assets/javascripts/application.js]

//= require bootstrap

以上！

使ってみる

適当にscaffoldして、migrate実行．

$ rails generate scaffold City name:string population:integer

$ rails db:migrate

Before
キャプチャ

コード

<p id="notice"><%= notice %></p>

<h1>Cities</h1>

<table>
  <thead>

After
キャプチャ

コード

<p id="notice"><%= notice %></p>

<h1>Cities</h1>

<table class="table">
  <thead class="thead-dark">

Bootstrapのcssが反映されている．