Search code examples
csstwitter-bootstrapheroku

bootstrap CSS and JS not loading on heroku

I made a chatroom with Node.JS and Socket.io. I'm using bootstrap CSS and JS in my project for things like tabs and carouser. The website looks and works perfect on my local server, here aresome screenshots:

lading page

photos page

but when I pushed the same code on my github and deployed it on heroku, every thing is just cluttered: https://doclerchat.herokuapp.com/

Here is the source code on GitHub: https://github.com/anshul119/chatapp/

Seems like Bootstrap CSS and JS aren't loading thats why only those specific things are creating problems. How can I resolve this issue?

Any help is appreciated.

Solution

  • So, as @vanburen commented, this solved the problem:

    Change your requests to the CDN from http to https: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstra‌​p.min.css and https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap‌​.min.js