rails6에 bootstrap 적용하기

참고 : www.mashrurhossain.com/blog/rails6bootstrap4

Add Bootstrap 4 to your Ruby on Rails 6 application

 

1. 프로젝트 폴더로 이동해서

yarn add bootstrap@4.5 jquery popper.js

 

2. config/webpack/environment.js로 이동해서

const webpack = require("webpack")

environment.plugins.append("Provide", new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery',
Popper: ['popper.js', 'default']
}))

붙여넣기

 

3. javascript>packs>application.js로 이동해서

import "bootstrap"

붙여넣기

 

4. assets>stylesheets>application.css로 이동해서

*= require bootstrap

붙여넣기

 

5. custom하고 싶으면 assets>stylesheets>로 이동해서

custom.css.scss 파일 만들고

@import 'bootstrap/dist/css/bootstrap';

붙여넣기

그리고 커스텀 할 내용 적기