css - Bootstrap CSS 和 JS 未在 heroku 上加载

标签 css twitter-bootstrap heroku

我用 Node.JS 和 Socket.io 创建了一个聊天室。我在我的元素中使用 bootstrap CSS 和 JS 来处理选项卡和 carouser 之类的东西。该网站在我的本地服务器上看起来和运行都非常完美,以下是一些屏幕截图:

lading page

photos page

但是当我将相同的代码推送到我的 github 并将其部署到 heroku 上时,一切都变得杂乱无章:https://doclerchat.herokuapp.com/

这是 GitHub 上的源代码:https://github.com/anshul119/chatapp/

似乎 Bootstrap CSS 和 JS 没有加载,这就是为什么只有那些特定的东西才会产生问题。我该如何解决这个问题?

感谢任何帮助。

最佳答案

因此,正如@vanburen 评论的那样,这解决了问题:

将您对 CDN 的请求从 http 更改为 https: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstra‌ p.min.csshttps://maxcdn.bootstrapcdn.com/bootstrap/3.3。 5/js/bootstrap‌ .min.js

关于css - Bootstrap CSS 和 JS 未在 heroku 上加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33713780/

相关文章:

css - 拉伸(stretch) iframe 以适应宽度,同时保持高宽比(tumblr 主题)

html - 输入文本框和标签 - 如何使它们相等?

html - 整齐地显示宽表的方法

html - Bootstrap Transparent Navbar - 移动折叠菜单图标消失

ssl - Heroku:未启用 SSL

python - Heroku & Django : "OSError: No such file or directory: '/app/{myappname}/static'"

javascript - 无论我的访问者滚动页面有多远,如何使 DIV 停留在屏幕顶部?

html - 为什么我们可以在显示属性为 none 时切换复选框

html - 无法连接 Bootstrap 页面

java - 将 Web 应用程序部署到 Heroku