Как использовать Bootstrap 3 RC с Rails 4

Я пытаюсь перейти от Bootstrap 2 к версии 3 RC1 в проекте Rails 4.

Изначально я использовал самонастраивающийся gem 2.3.2, и все работало плавно.

Как я могу добавить Boostrap 3 в свой проект сейчас? Я не могу найти какой-либо драгоценный камень, уже преобразованный в SASS, и официальная документация сообщает компилировать его в CSS с LESS.

Я новичок во всем этом, поэтому я действительно запутался здесь, любую помощь?

ОБНОВЛЕНИЕ Похоже, что драгоценный камень, который я использовал в первую очередь, был, наконец, обновлен: https://github.com/twbs/bootstrap-sass

Ответы

Ответ 1

попробуйте использовать https://github.com/anjlab/bootstrap-rails

добавив следующее к вашему Gemfile:

gem 'anjlab-bootstrap-rails', :require => 'bootstrap-rails',
                          :github => 'anjlab/bootstrap-rails',
                          :branch => '3.0.0'

В приложении application.js добавьте следующее:

//= require twitter/bootstrap

В application.css добавьте следующее перед чем-либо еще:

 *= require twitter/bootstrap

Ответ 2

Уже есть кандидат на выпуск, который вы можете использовать, добавить в GemFile:

gem 'bootstrap-sass', github: 'thomas-mcdonald/bootstrap-sass'

Кроме того, если вы обновляетесь с bootstrap 2, вам нужно удалить предыдущий камень раньше.

Ответ 3

Я попробовал решение, предложенное ShenoudaB, и получил его, чтобы он работал нормально. Вещи, которые мне нужно изменить с предыдущей версии, были следующими:

  • В вашем файле application.css.scss убедитесь, что вы ссылаетесь на twitter/bootstrap, а не только на загрузку.
  • Мне также нужно было добавить @import "twitter/bootstrap"; line к моему css. Это может быть избыточным с вышеупомянутым кончиком, но как только я добавил его, он работал нормально.
  • В вашем файле application.js вы должны ссылаться на твиттер/бутстрап в своем // = требовании.

Я также заметил, что некоторые стили изменены. Проверьте новую документацию и убедитесь, что имена классов соответствуют новым.

Это все, что я сделал, и это сработало для меня. Удачи, что ваше приложение будет работать!