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
- официальный гем.