Rails에 Bootstrap을 도입하는 방법 비망록

1. Gemfile

Gemfile에 다음 4가지 추가

gem "sass-rails", "~>5.0"
gem "bootstrap-sass", "~>3.3.6"
gem "jquery-rails"
gem "jquery-ui-rails"

2. bundle update

터미널에서 bundle update 실행

3. cscc 파일 변경

파일 이름 변경
/app/assets/stylesheets/application.css에서
/app/assets/stylesheets/application.scss

끝에 다음 2점 추가

@import "bootstrap-sprockets";
@import "bootstrap";

4. js 파일 변경

/app/assets/javascripts/application.js

이하 2점을 추가(그림에서는 13, 18행째)

//= require jquery
//= require bootstrap-sprockets

실제로 사용해보기

htps : // 게이 t보오 tst et al p. 코m/
이번에는 Gemfile에서 version3 시스템을 지정했으므로 v3.3.7을 선택했습니다.



사용하려는 디자인을 찾고 ...



html에 클래스 적용





무사히 디자인이 반영되었습니다