Я не могу интегрировать Bootstrap в мое приложение Ruby on Rails - PullRequest
Новая
       40

Я не могу интегрировать Bootstrap в мое приложение Ruby on Rails

0 голосов
/ 24 мая 2018

Я перепробовал каждый учебник и каждое руководство, но не смог интегрировать загрузчик в свое приложение rails. Я попробовал загрузочный гем sass, загрузочный CDN, загрузочный гем

Ruby on Rails версии 5.2.0 Rubyверсия 2.2.6

ТОЛЬКО СЛЕДУЮЩАЯ ЭТИ ОБУЧЕНИЯ И ДОСТИГЛИ 0 РЕЗУЛЬТАТОВ:

для начальной загрузки sass https://github.com/twbs/bootstrap-sass

для начальной загрузки https://github.com/twbs/bootstrap

пробовалиспользование начальной загрузки CDN https://www.bootstrapcdn.com/

Я застрял на ней несколько недель, пытался решить ее самостоятельно, следил за многими постами в блогах и ответами StackOverflow и пробовал все.Это проблема с rails 5.2 версии?или в моей операционной системе Windows 10 отсутствует драгоценный камень в моем файле gem?

РЕДАКТИРОВАТЬ: я могу успешно запустить установку пакета, добавив CDN в мой тег head в application.html.erb не решает мою проблему ПроблемаЯ сталкиваюсь с тем, что я не могу использовать загрузчик независимо от того, какой метод я пытаюсь

GEM FILE: 

source 'https://rubygems.org'
git_source(:github) { |repo| "https://github.com/#{repo}.git" }

ruby '2.2.6'


gem 'rails', '~> 5.2.0'


gem 'sqlite3'


gem 'puma', '~> 3.11'


gem 'coffee-script-source', '1.8.0'


gem 'bootstrap-sass', '~> 3.3.7'


gem 'sass-rails', '~> 5.0'


gem 'jquery-rails'


gem 'uglifier', '>= 1.3.0'


gem 'duktape'


gem 'coffee-rails', '~> 4.2'


gem 'turbolinks', '~> 5'


gem 'jbuilder', '~> 2.5'


gem 'bootsnap', '>= 1.1.0', require: false

Ответы [ 3 ]

0 голосов
/ 25 мая 2018

Вы можете попробовать этот пример.Это работает для меня в моем проекте.

В вашем Gemfile : 

gem 'bootstrap-sass'
gem 'jquery-rails'

В вашем app / assets / javascripts / application.js 

//= require rails-ujs
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap-sprockets
//= require_tree .

В вашем / app / assets / stylesheets / application.scss 

*= require_tree .
*= require_self
*/

@import "bootstrap-sprockets";
@import "bootstrap";

После того, как вы установите все гемы и выполните вышеуказанные конфигурации, вы можете попробовать протестироватьваша начальная загрузка работает с этой кнопкой выпадающего меню начальной загрузки.Надеюсь, это поможет вам.

Также обратите внимание, что я использовал bootstrap 3 и работал в Linux Ubuntu.

0 голосов
/ 28 августа 2018

для рельсов v5.2.0.

  1. Все, что вам нужно, - убедиться, что в файле gem есть gem 'bootstrap-sass' AND gem 'jquery-rails'.Bootstrap требует JQuery.Вернувшись в другие версии rails, например v4.x, вы должны будете включить много других драгоценных камней, но больше в этой версии они не используются по умолчанию, за исключением гема bootstrap-sass и jquery-rails.
  2. run bundle install toустановите gems
  3. Затем измените файл манифеста по умолчанию app/assets/stylesheets/application.css имя файла на app/assets/application.scss(.sass), потому что нам нужно импортировать (загрузить и выполнить) указанный файл, css не может этого сделать, потому что строка, которую мы намереваемся включить, sassсинтаксис не синтаксис css.
  4. включает @import"bootstrap" в файле манифеста таблицы стилей (application.scss) и добавляет //= require jquery в application.js.Это влияет на app / views / layouts / application.html.erb стандартное место для всех ваших макетов, используемых всеми шаблонами в контроллере.В более старых версиях здесь вам понадобится require других расширений, например.turbolink для того, чтобы начальная загрузка работала эффективно, но в этой версии нет.

Готово.Все ваши веб-страницы теперь интегрированы с начальной загрузкой.

0 голосов
/ 24 мая 2018

Возможно попробуйте это:

1) Gemfile

# Add these gems. Rails is not including jQuery by default.
# You need to include it to use all bootstrap options.
gem 'bootstrap'
gem 'jquery-rails'



2) app/assets/javascripts/application.js

jquery3, popper, and bootstrap are the ones for bootstrap

//= require jquery3
//= require popper
//= require bootstrap

//= require rails-ujs
//= require turbolinks
//= require_tree .



3) app/assets/stylesheets/application.scss

@import 'bootstrap'; // assuming you changed to SCSS from CSS


4) Запустите bundle и перезапустите сервер

Это рабочее репо с Rails 5.2 и Bootstrap 4 https://github.com/HoracioChavez/bootstrap-sample
Протестировано на macOS

...