Bootstrap 无法在 Heroku 应用程序上运行

Question

我的 rails 应用采用从 CDN 交付的 Bootstrap 样式。它在开发中运行良好，但在上传到 Heroku 后样式丢失了。 gem 文件中没有任何 bootstrap gem。这是我的 appplication.html.erb 文件的屏幕截图。

<!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>

我不确定 head 标签中的信息，也许它不正确或者我应该添加一个 gem？我不知道该怎么办。请帮忙。提前致谢。

Answer 1

不确定问题是否由它引起，但您的 Bootstrap 链接之一的协议是 http，另一个是 https。您可能会检查控制台是否存在加载错误。

既然您提到了 gem，将其添加到您的 Gemfile 中应该可以解决问题：

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

我在 Heroku 运行 Bootstrap 上使用了三个应用 gem，它从来没有给我带来任何麻烦。

Bootstrap 无法在 Heroku 应用程序上运行

Bootstrap not working on Heroku app

ruby-on-rails

heroku

twitter-bootstrap