2015-04-27 12 views
1

Мое приложение для рельсов оформлено с помощью Bootstrap, поставляемого с CDN. Он отлично работает в разработке, но стилизация теряется после загрузки в Heroku. В gemfile у меня нет бутстрапов. Вот скриншот моего файла appplication.html.erb.Bootstrap не работает над приложением Heroku

<!DOCTYPE html> 
<html> 
<head> 
<title><%= page_title %></title> 
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %> 
<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %> 
<%= csrf_meta_tags %> 
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> 
</head> 
<body> 
<%= render "layouts/header" %> 
<%= flash[:notice] %> 
<%= flash[:alert] %> 
<div id="main"> 
<%= render "layouts/left_sidebar" %> 
<div id="body"><%= yield %></div> 
<%= render "layouts/right_sidebar" %> 
</div> 
</body> 
</html> 

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

+0

Я вижу, что в одном из ваших вызовов cdn есть http, а не https trye, добавив, что s, если это не работает, вы должны добавить камень – MZaragoza

ответ

0

Не уверен, что это вызывает проблему, но протокол для одной из ваших ссылок Bootstrap - http, а другой - https. Вы можете проверить свою консоль на наличие ошибок загрузки.

Поскольку вы упомянули камень, добавив в ваш Gemfile должен сделать трюк:

gem 'anjlab-bootstrap-rails', '~> 3.0.0.3', :require => 'bootstrap-rails' 

У меня есть три приложения на Heroku, работающее Bootstrap с этим драгоценным камнем, и он никогда не давал мне никаких неприятностей.

+1

Да, недостающие 's' были частью проблемы. У меня теперь есть карусель, который не работает. Я создам еще одну запись. Благодарю. –

+0

Я избавлю вас от неприятностей. Просто добавьте это в app/assets/javascripts/application.js // = require twitter/bootstrap - если вы используете gem –

+0

Кроме того, вам нужно исправить 's' для вашей таблицы стилей, а также ваши ссылки на сценарий. Я вижу, что у вас была такая же проблема с http/https в тегах скриптов:

Смежные вопросы