Add Bootstrap with bootstrap sass gem - Evanto/qna GitHub Wiki

Установка и настройка гема bootstrap-sass

  • В Gemfile добавить: gem 'bootstrap-sass', '~> 3.3', '>= 3.3.6' или в выполнить в консоли: gem install bootstrap-sass -v 3.3.6
  • Перезапустить сервер (ctrl+c, rails s) to make the files available through the pipeline
  • Переименовать расширение файла app/assets/stylesheets/application.css на .scss
  • Внизу этого файла (не трогая другое его содержимое) добавить:
// "bootstrap-sprockets" must be imported before "bootstrap" and "bootstrap/variables"
@import "bootstrap-sprockets";
@import "bootstrap";
  • В файле app/assets/javascripts/application.js добавить
//= require jquery
//= require bootstrap-sprockets
  • Обновить страницу проекта в браузере (localhost:3000) - она станет бутстраповской на вид
  • Если есть файл app/assets/stylesheets/scaffolds.scss, удалить его содержимое (оно все равно соверрайдится бутстрапом)

Полезные ссылки:
bootstrap-sass на Rubygems
bootstrap-sass документация
SO: разница между bootstrap-sass и twitter-bootstrap-rails

bootstrap-sass vs twitter-bootstrap-rails

По большому счету, все равно, какой использовать.
twitter-bootstrap-rails кроме самого бутстрапа содержит всякие удобные хелперы и генератор для layout.
bootstrap-sass - официальный гем.