RailsでSB-Adminを使う

Rails4に管理画面用テンプレートのSB-Admin2を入れました。
bootstrapとかfontはgemで入れるようにしたので、必要なgemとかをまとめます。

startbootstrap.com

SBAdminのファイル群をダウンロードしてきたら、必要なcssやjsファイルは vendor/assets/の中のstylesheetsとjavascriptsにそれぞれ入れます。

bootstrapとfontはgemで入れます。

• bootstrap-sass
• font-awesome-rails

Gemfileには

gem 'bootstrap-sass'
gem 'font-awesome-rails'

と記述します。

application.jsは

//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap
//= require sb-admin/metisMenu.min
//= require sb-admin/raphael-2.1.0.min
//= require sb-admin/morris
//= require sb-admin/morris-data
//= require sb-admin/sb-admin

appication.scssは

@import "bootstrap";
@import "metisMenu.min";
@import "timeline";
@import "sb-admin-2";
@import "morris-0.4.3.min";
@import "font-awesome";


.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}

を追加すると動きます。

できるだけgemで入れたかったので、こんな感じにしました。

RailsにSB-Admin2を入れてくれてるのソースもありました。
larcara/sb-admin-base · GitHub

参考 SB Admin 2 - Free Bootstrap Admin Theme - Start Bootstrap bokmann/font-awesome-rails