Rails / Bootstrap Navbar / Jquery Differences Between Localhost And Deployed (heroku)

I'm having an issue while developing a basic Rails application. I've implemented Twitter Bootstrap and its responsive navbar. When the page is loaded on mobile screens the navbar s

Solution 1:

Are you using RVM locally? If you are - try setting up a clean gemset for your app and running bundle install again.

That way you'll know that you're using the exact same versions as on your heroku deployment.

If that doesn't fix your problem, then there might be a bug in the bootstrap code itself - try raising an issue on the bootstrap issues age. (Or search the existing issues at least)

As suggested in the comments (and for future googlers...) - Check your compiled assets. Once you've ensured that you're running the same gem versions, make sure you're referencing the exact same asset files. Delete all of the precompiled assets in the public folder and change config.assets.enabled = true in application.rb.

This is especially important on Heroku deployments.