Tag: Rails/Bootstrap4/Rails6.1に導入
Bootstrap4とjQueryとFontawesomeを導入する。
bundle exec rails webpacker:install #最初の1回のみ必要 yarn add bootstrap@4 jquery popper.js yarn add @fortawesome/fontawesome-free
import Rails from "@rails/ujs" import Turbolinks from "turbolinks" import * as ActiveStorage from "@rails/activestorage" import "channels" //追加ここから import 'bootstrap' import '@fortawesome/fontawesome-free/js/all' import jQuery from 'jquery' window.jQuery = window.$ = jQuery //追加ここまで Rails.start() Turbolinks.start() ActiveStorage.start()
@import 'bootstrap/scss/bootstrap';
<div class="container"> <%= yield %> </div>
<h1><i class='fa fa-home'></i>Books</h1> <table class="table"> (以下省略)