Установка приложения Bootstrap 3 on 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 3.1.1
  • Или получил http://getbootstrap.com/

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

  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.

• Использование Bootstrap 3 с Rails 4 - Файлы Bootstrap 3 копируются в каталог поставщика вашего приложения.

• Добавление Bootstrap из CDN к вашему Rails-приложению - Файлы Bootstrap 3 из Bootstrap CDN.

Число 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

2. en la consola ejecutar los siguientes comandos:

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

3. 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 и т.д., возможно, вам придется отредактировать некоторые инициализаторы или конфигурации, чтобы они соответствовали новой версии начальной загрузки.