【Ruby on Rails】Bootstrapの導入方法

RailsでBootstrapを利用するには、

vender/assets/javascripts・stylesheet

ディレクトリ内にBootstrapファイルを置きます。

 

vender
└assets
└javascript
└bootstrap.js
└stylesheet
bootstrap.css
bootstrap-theme.css
└fonts

 

apps/assets/javascript・stylesheet
で読み込む記述を追加します。

application.css

*= require bootstrap

 

application.js

//= require bootstrap

 


 

もしくは、Gemfileを利用する方法があります。

Gemfile

gem 'bootstrap-sass', '~> 3.3.5’

 

Terminal

$ bundle install

 

application.css

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

 

application.css → application.css.scss にRenameして完了です!

コメントを残す