Material Design for Bootstrap

マテリアルデザインをBootstrapで使うためのパッケージです
- https://github.com/FezVrasta/bootstrap-material-design # 導入方法
NPMを用いてインストールします。 npm install bootstrap-material-design

dist/css/bootstrap-material-design.css
dist/css/ripples.min.css

上記２つを任意の場所に持って行きます。
ここでは
app/assets/stylesheets/material-design
に入れました。

以下のようにCSSを指定して読み込みます。

application.css.scss

/*
 *= require_self
 *= require material-design/bootstrap-material-design
 *= require material-design/ripples.min
 *= require style
 */

material.js
material.min.js
ripples.min.js

この３つを
app/assets/javascripts/material-design
に入れます。

そしてapplication.jsに以下を追記します。

application.js

//= require_tree ./material-design

$(document).on('ready page:load', function() {
    $.material.init();
});

RailsでMaterial Designを使う（Material Design for Bootstrapの使い方）