2016-01-13 2 views
0

Я следовал инструкциям в этом ответе установить загрузчик на моем Rails 4 приложения: https://stackoverflow.com/a/20661571/2247192 (подставляя Bootstrap 3.3.6 для версии, указанной в этом ответе)Приложение Rails 4 не включает загрузку css в активы?

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

Теперь я получаю полностью незакрашенные страницы, как будто CSS для начальной загрузки вообще нет.

приложение/активы/таблицы стилей/application.css:

*= require bootstrap.min 

body { 
    padding-top: 50px; 
    overflow: hidden; 
} 

приложение/активы/JavaScripts/application.js:

//= require jquery 
//= require jquery_ujs 
//= require turbolinks 
//= require bootstrap.min 
//= require_tree . 

ли я изменить что-нибудь в моем application.html. erb кроме удаления <script></script> тегов для css онлайн ?? Добавить теги <link rel=...>?

ответ

1

Try требует bootstrap вместо bootstrap.min в обоих JS и CSS файлы манифеста

Попробуйте установить самозагрузки как драгоценный камень

gem 'bootstrap-sass', '~> 3.3.6' 
gem 'sass-rails', '>= 3.2' 

и следуйте инструкциям here

0

Чтобы добавить в @Grammakov «s ответ, есть намного лучший способ; используя Rails Assets:

#Gemfile 
source 'https://rubygems.org' 
source 'https://rails-assets.org' 

gem 'rails-assets-tether' #-> bootstrap 4 requires 
gem 'rails-assets-bootstrap', ">= 4.0.0.alpha" 

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

Чтобы интегрировать в приложение, вы должны будете использовать следующее:

#app/assets/javascripts/application.js 
//= require tether 
//= require bootstrap 

#app/assets/stylesheets/application.css 
/* 
    *= require bootstrap 
*/ 
Смежные вопросы