Rails × Bootstrapで出来ること

Railstutrialで登場するBootstrap関連のメモ
随時更新

Gems

－bootstrap-sass
　bootstrapをSassで使うためのおまじない
－Sprockets
　LESSをSassに変換するためのおまじない

bootstrap-sassの効能の一部

－LESSの変数を自発的にSassの変数に置き換えてくれるのでLESSの変数をそのまま使える
　Using LESS with Bootstrap

カスタムCSSファイルを作る

－場所とファイル名
　app/assets/stylesheets/custom.css.scss
－内容

custom.css.scss

@import "bootstrap";

Bootstrap JavaScriptライブラリをapplication.jsに追加する

app/assets/javascripts/application.js

//= require jquery
//= require jquery_ujs
//= require bootstrap
//= require turbolinks
//= require_tree .

HTMLの配色

－カラーネーム
HTML Color Names

Asset Pipelineがやってくれること

－本番環境において、CSS,Javascriptの不要な空白などを取り除いてファイルを最小化し、複数のファイルを1つにまとめてくれる