jquery - Bootstrap Carousel does not work

Question

None of the carousel's buttons are responsive and whenever clicked don't do anything. The first image of the carousel shows up but I can't move on to the other one. Here is a screenshot

and here is the HTML code http://pastebin.com/cmtkH9vA Please help me get over the problem, as I'd like to get the carousel done as fast as I could. Thank you.

Answer 1

When I run your code it gives the following error in Firebug:

Error: Bootstrap's JavaScript requires jQuery

This is because jQuery isn't loaded properly in your code.

You can (quick) fix this by adding http:// or https:// to the jQuery URL.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

or

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>