bootstrap CSS and JS not loading on heroku

Question

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:

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.

Hey brother, did you check your browser's console? My browser's console renders this. In index.html try have a reference to Bootstrap in the Heroku app space (i.e. js/bootstrap.min.js etc) rather than using a remote resource. — Richard Kenneth Niescior
– Richard Kenneth Niescior, Commented Nov 14, 2015 at 22:00
Try changing your requests to the CDN from http to https: https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css and https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js — vanburen
– vanburen, Commented Nov 14, 2015 at 22:12
Hey @RichardKennethNiescior yes then it would work but I wanted to make it work with CDN only. the problem is solved by replacing "http" with "https" — ANshul Sharma
– ANshul Sharma, Commented Nov 15, 2015 at 7:05

ANshul Sharma · Accepted Answer · 2017-03-09 22:23:44Z

3

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

answered Mar 9, 2017 at 22:23

ANshul Sharma

3555 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Rohan Devaki Over a year ago

how to use it? in reactjs?

Collectives™ on Stack Overflow

bootstrap CSS and JS not loading on heroku

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related