Ruby on Rails - Bootstrap

레일즈 부트스트랩 활용

Posted by wjhong on December 4, 2016

Ruby on Rails

레일즈를 주로 API서버 용도로 활용하다 보니, 관리자 페이지 작성이 필요하게 되곤 한다.
Scaffolding 기능을 활용해서 자동으로 생성된 페이지에 Bootstrap을 적용해서 관리자 페이지를 작성 해보려고 한다.

Bootstrap 적용

Gem 설치

# Gemfile

gem 'bootstrap-sass'

Gemfile 에 위와 같이 ‘bootstrap-sass’ 잼을 추가한 뒤 번들러로 설치해 준다.

assets 파일 수정

// 경로: /app/assets/javascript/application.js

//= require jquery
//= require jquery_ujs
//= require bootstrap-sprockets
    .
    .
    .

application.js 파일에 bootstrap-sprockets 추가 해준다.

# 경로: /app/assets/stylesheets/application.css.scss

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

application.css.scss 파일에도 bootstrap-sprockets, bootstrap 추가 해준다

assets precompile

rake assets:precompile

위의 명령어로 precompile 하면 적용이 완료된다.

결과

Swagger_Bootstrap_Result2

참고