"bootstrap-sass" не работает с рельсами 3.2.2

Question

Я создаю новый проект rails и добавляю

gem 'bootstrap-sass'

в мой Gemfile, затем запускаю bundle install и все идет хорошо.затем я добавляю:

/*
*= require bootstrap
*/

в мой файл application.css, и я пишу тест, но это не так.и я также попробую добавить` @ import "bootstrap";в моем файле hello.css.scss. но это также не работает.

Answer 1

Rollen,

Вы, кажется, в основном там. По умолчанию Sass присутствует в Rails 3.1, поэтому вам не нужно ничего делать для этого. После того, как вы добавили гем в свой Gemfile и выполнили установку, ваша проблема находится в файле application.css. Обычно при использовании Sass я бы просто предложил удалить код манифеста (все комментарии сверху) из application.css и переименовать application.css в application.css.scss (удалив Sprockets из файла CSS). Затем добавьте:

@import 'bootstrap'

на самый верх. Это должно решить это для вас. Вам нужно будет вручную добавить каждый CSS-файл, который вы хотите загрузить, в файл application.css.scss, поскольку звездочек больше нет, но, как правило, это хорошая идея, поскольку порядок загрузки в CSS важен для каскада.

Если вы хотите добавить функции JavaScript в платформу (что вам, вероятно, понадобится), вы также захотите добавить

//= require bootstrap

Чуть выше вызова //= require_tree . в app / assets / javascripts / application.js.

Answer 2

Возможно, немного опоздал на вечеринку, но на тот случай, если кто-нибудь еще наткнется на вопрос ...

Это была маленькая ошибка, которую я решил, добавив @import "bootstrap"; к вершине моего application.cssфайл, переименовал файл в application.css.scss

Надеюсь, это поможет.

Answer 3

https://github.com/rails/sass-rails должен быть в вашем Gemfile.

gem 'sass-rails', '~> 3.1'
gem 'bootstrap-sass', '~> 2.0.1'

Answer 4

Удалите все комментарии в верхней части application.css и переименуйте application.css в application.sass или application.css.scss в зависимости от того, как вы хотите выполнить css'ing. Затем добавьте:

@import 'bootstrap'

Это должно позволить вам начать использовать bootstrap, при условии, что вы действительно правильно включили гем bootstrap-sass и после этого запустили пакетную установку.