Uncaught: Bootstrap's JavaScript Requires JQuery

I have included jquery and bootstrap.min.js file in my footer section or it means i have my all script tag at the bottom of the code. But when i am loading my page the browser cons

Solution 1:

It's uncommon to use localhost or 127.0.0.1 for a file path. Use relative path instead.

Regarding script position: you can leave them in the footer, that will speed up page loading, but make sure any JavaScript code you execute is AFTER jquery/bootstrap in the dom. And don't forget to wrap your code inside a document ready jquery function

Solution 2:

To begin, you must change the location of the tag 'script' into the tag 'head'. after this, you must change the location of your javascript scripts to your project directory. Finally, you change the value of the 'src' attribute to: Ex:

• src="../js/jquery.js"
• src="../js/bootstrap.min.js"