I created a simple webapp integrating bootstrap 3 in a rails 3.2.17 application, following this procedure found on stackoverflow, so without using a gem but manually copying the bootstrap files in the relevant app directories.
Even if i have, in my gem file:
gem 'jquery-rails'
i can still see, inspecting my web page with chrome, the error:
Uncaught ReferenceError: jQuery is not defined
My page is a "normal" html page in public directory. Maybe it doesn't "inherit" all the assets stuff? The code is like this:
<!DOCTYPE html> <html> <head> <title>Bootsrap Test 01</title> <link rel="stylesheet" href="/css/bootstrap.css"> <script src="/js/bootstrap.min.js" type="text/javascript"></script> </head> ...
I've not yet tried but i guess that javascript based feature won't work.
Assuming that after adding gem 'jquery-rails'
, you have ran bundle install
command.
Make sure you have following in app/assets/javascripts/application.js
//= require jquery //= require jquery_ujs //= require bootstrap.min // Add it after jquery and jquery_ujs
EDIT
You will need to explicitly include jQuery before including /bootstrap.min.js
. For example :
<!DOCTYPE html> <html> <head> <title>Bootsrap Test 01</title> <link rel="stylesheet" href="/css/bootstrap.css"> <script src="/assets/jquery.js" type="text/javascript"></script> <script src="/assets/jquery_ujs.js" type="text/javascript"></script> <script src="/js/bootstrap.min.js" type="text/javascript"></script> </head>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With