Установка приложения Bootstrap 3 on Rails

Я пытаюсь установить Bootstrap 3.0 в мое приложение Rails. Недавно я закончил учебник Майкла Хартля, и теперь я пытаюсь создать свою собственную систему, используя эту новую версию Bootstrap, но у меня есть несколько вопросов, о которых я не уверен.

Мои системные спецификации:

  • OS X Mountain Lion на MBP
  • Rails 4.0
  • Ruby 2.0

Вопросы, которые у меня есть:

  • Какая лучшая драгоценность используется в моем Gemfile? Я нашел несколько из них.
  • Что мне импортировать на мой custom.css.scss? Я где-то читал, что он отличается от 2.3.2.
  • Есть ли что-нибудь еще, чтобы заставить Bootstrap работать, или остальные шаги, идентичные тем, которые я выполнил для Bootstrap 2.3.2?

Edit

Вот что проект bootstrap-rails на GitHub сначала говорит:

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

Затем он говорит:

gem 'anjlab-bootstrap-rails', '>= 3.0.0.0', :require => 'bootstrap-rails'

Они делают то же самое, или вам нужно сделать их обоих?

ОТВЕТЫ

Ответ 1

На самом деле вам не нужен камень для этого, вот шаг установки Bootstrap 3 в RoR

  • Загрузить Bootstrap

  • Копия:

    bootstrap-dist/css/bootstrap.css и bootstrap-dist/css/bootstrap.min.css

    To: vendor/assets/stylesheets

  • Копия:

    bootstrap-dist/js/bootstrap.js и bootstrap-dist/js/bootstrap.min.js

    Кому: vendor/assets/javascripts

  • Обновление: app/assets/stylesheets/application.css добавив:

    *= require bootstrap.min

  • Обновление: app/assets/javascripts/application.js, добавив:

    //= require bootstrap.min

С помощью этого вы можете обновить загрузочный бункер в любое время, но вам не нужно ждать, пока жемчужина будет обновлена. Кроме того, при таком подходе к ресурсам трубопровод будет использовать миниатюрные версии в производстве.

Ответ 2

Как известно многим, нет необходимости в драгоценных камнях.

Действия:

  • Загрузите Bootstrap

  • Скопировать

    bootstrap/dist/css/bootstrap.css
bootstrap/dist/css/bootstrap.min.css

    to: app/assets/stylesheets

  • Скопировать

    bootstrap/dist/js/bootstrap.js
bootstrap/dist/js/bootstrap.min.js

    to: app/assets/javascripts

  • Добавить в: app/assets/stylesheets/application.css

    * = требуется bootstrap

  • Добавить в: app/assets/javascripts/application.js

    //= требуется bootstrap

Вот и все. Вы готовы добавить новый классный шаблон Bootstrap.

Почему app/ вместо vendor/

Важно добавить файлы в приложение/активы, поэтому в будущем вы сможете перезаписать стили Bootstrap.

Если позже вы хотите добавить файл custom.css.scss с настраиваемыми стилями. У вас будет что-то похожее на application.css:

 *= require bootstrap                                                            
 *= require custom

Если вы разместили файлы начальной загрузки в приложении/активах, все будет работать так, как ожидалось. Но если вы разместите их в поставщике/активах, файлы Bootstrap будут загружены последними. Вот так:

<link href="/assets/custom.css?body=1" media="screen" rel="stylesheet">
<link href="/assets/bootstrap.css?body=1" media="screen" rel="stylesheet">

Итак, некоторые из ваших настроек не будут использоваться, поскольку стили Bootstrap переопределяют их.

Причина этого

Rails будет искать активы во многих местах; чтобы получить список этих мест, вы можете сделать это:

$ rails console
> Rails.application.config.assets.paths

В выводе вы увидите, что приложение/активы имеет приоритет, поэтому сначала загружайте его.

Ответ 3

Этот ответ предназначен для тех из вас, кто хочет установить Bootstrap 3 в ваше приложение Rails без использования драгоценного камня. Есть два простых способа сделать это, которые занимают менее 10 минут. Выберите тот, который наилучшим образом отвечает вашим потребностям. Glyphicons и Javascript, и я тестировал их с последней бета-версией Rails 4.1.0.

Число 2 выше является наиболее гибким. Все, что вам нужно сделать, это изменить номер версии, который хранится в помощнике макета. Таким образом, вы можете запустить версию Bootstrap по вашему выбору, будь то 3.0.0, 3.0.3 или даже более ранние версии Bootstrap 2.

Ответ 4

В Twitter теперь есть sass-ready версия bootstrap с включенным gem, поэтому было проще, чем когда-либо, добавить его в Rails.

Просто добавьте в свой gemfile следующее:

gem 'sass-rails', '>= 3.2' # sass-rails needs to be higher than 3.2
gem 'bootstrap-sass', '~> 3.1.1'

bundle install и перезагрузите сервер, чтобы файлы были доступны по конвейеру.

Существует также поддержка компаса и sass-only: https://github.com/twbs/bootstrap-sass

Ответ 5

Я использую https://github.com/yabawock/bootstrap-sass-rails

Это довольно простая прямая установка, быстрые обновления gem и последующие действия и быстрые исправления в случае необходимости.

Ответ 6

gem bootstrap-sass

bootstrap-sass легко попасть в Rails с конвейером активов.

В вашем Gemfile вам нужно добавить жгут самонастраивающейся системы и убедиться, что присутствует камень sass-rails - он добавлен в новые приложения Rails по умолчанию.

gem 'sass-rails', '>= 3.2' # sass-rails needs to be higher than 3.2 gem 'bootstrap-sass', '~> 3.0.3.0'

bundle install и перезагрузите сервер, чтобы файлы были доступны по конвейеру.

Источник: http://rubydoc.info/gems/bootstrap-sass/3.0.3.0/frames

Ответ 7

Используя эту ветку, мы надеемся решить проблему:

gem 'twitter-bootstrap-rails',
  git: 'git://github.com/seyhunak/twitter-bootstrap-rails.git',
  branch: 'bootstrap3'

Ответ 8

Для меня самый простой способ сделать это:

1) Загрузите и распакуйте bootstrap в vendor

2) Добавьте загрузочный путь в конфигурацию

config.assets.paths << Rails.root.join("vendor/bootstrap-3.3.6-dist")

3) Требовать их

в css *= require css/bootstrap

в js //= require js/bootstrap

Готово!

Эти методы делают загрузку шрифтов без какой-либо другой специальной конфигурации и не требуют перемещения файлов начальной загрузки из их автономного каталога.

Ответ 9

Facil: descarga de la pagina de bootstrap, todo el bootstrap metes los js en javascrip. css en css y los stylesheets en los stylesheets de tu proyecto 1. instalar las gemas en el GEMFILE del proyecto:

descomentas en el Gemfile la linea del gem 'therubyracer', платформы:: ruby ​​

para mi proyecto es la linea 15

- > gem simple_form - > gem twitter-bootstrap-rails

  1. en la consola ejecutar los siguientes comandos:

- > rails g simple_form: install --bootstrap - > rails g bootstrap: установить

  1. haga de a un scaffold y al terminar los tipo de datos en la consola que no se le olvide el --skip-stylesheets y cuando termine cada scaffold hacer lo siguiente para cada uno:

- > rake db: migrate - > rails g bootstrap: themed nombre_vista_plural -f

Соответствующий сервер рельсы s

Список иконок для повышения эффективности

Ответ 10

Я думаю, что самый современный gem для новой версии bootstrap - это форма anjlab.

Но я не знаю, работает ли он в настоящее время с другими драгоценными камнями, такими как simple_form, когда вы делаете rails generate simple_form:install --bootstrap и т.д., возможно, вам придется отредактировать некоторые инициализаторы или конфигурации, чтобы они соответствовали новой версии начальной загрузки.