[Ruby on Rails 3, Ruby on Rails 4] gems: bootstrap-sass

twitter-bootstrap をRailsに導入する（Sass編）。

インストール

Gemfile に追記する。

gem 'bootstrap-sass'

% bundle install

サーバ再起動

% bundle exec rails s

設定

カスタムCSSを作成し、@importを使用してBootstrapをインクルードします。

% subl app/assets/stylesheets/custom.css.scss

@import "bootstrap";

app/assets/stylesheets 以下に置かれたスタイルシートは、application.cssの一部として自動的にサイトレイアウトにインクルードされます。

以後は、このファイルを編集して、デザインを変更できる。

• 第5章 レイアウトを作成する
• RailsでTwitterbootstrap | Scimpr Blog

Bootstrap JavaScriptライブラリ

例えば、ドロップダウンメニューを実現するには、BootstrapのJavaScriptライブラリが必要。
このライブラリは、Railsのアセットパイプラインを使用してインクルードする。
Bootstrap JavaScriptライブラリをapplication.jsに追加する。

app/assets/javascripts/application.js

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

• 8.2.4レイアウトリンクを変更する