这是我在 Stackoverflow 上的第一个问题。
我正在开发一个基于 RailsTutorial.org 的 Rails Web 应用程序。我终于成功地在 yurilliam.heroku.com 上在线部署了我的应用程序。然而，似乎我只能在 Safari 上查看我的理想版本。似乎 Bootstrap 在 IE、Chrome 和 Firefox 上丢失了。
我能做些什么来解决这个问题。
【问题讨论】：
标签： twitter-bootstrap google-chrome ruby-on-rails-4 heroku safari
我可以在开发者控制台中清楚地看到一些mixed content 警告。如果您修复它们，您的应用程序应该开始按预期工作。
替换
href="http://fonts.googleapis.com/css?family=Cookie"
href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"
有
href="https://fonts.googleapis.com/css?family=Cookie"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"
理想情况下，不要为您的资产指定协议，以便浏览器可以根据请求获取它。所以你也可以使用类似
href="//fonts.googleapis.com/css?family=Cookie"
href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"
【讨论】：
如果您打开 Mozilla Firefox 控制台，安全选项卡会抛出以下错误：
Blocked loading mixed active content "http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"
还有Learn more 链接。
解决方案是将 bootstrap.min.css 添加到您在 heroku 中的文件中，不再使用 CDN。另一种方法是使用安全版本的 CDN 链接，使用 https。那是https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css
如果有帮助，+1 并接受。
【讨论】：