Bootstrap不能在Heroku应用程序上运行

时间:2015-04-27 18:22:50

标签: ruby-on-rails twitter-bootstrap heroku

我的rails应用程序采用从CDN交付的Bootstrap设计。它在开发中运行良好,但上传到Heroku后样式丢失了。我在gemfile中没有任何引导宝石。这是我的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?我不知道该怎么做。请帮忙。提前谢谢。

1 个答案:

答案 0 :(得分:0)

不确定是否导致问题,但其中一个Bootstrap链接的协议是http,另一个是https。您可能会检查控制台是否存在加载错误。

由于你提到了gem,将它添加到你的Gemfile应该可以解决问题:

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

我在Heroku运行Bootstrap上有三个应用程序,这个宝石从来没有给我带来任何麻烦。