Failed Using Bootstrap-carousel.js

Tried to view the following htm, but I don't get the same result as in http://twitter.github.com/bootstrap/javascript.html - carousel js/Default.js: $(function () { // $('

Solution 1:

As I mentioned in the comments above if you are only seeing an unformatted list of items that bear no ressemblence to the slide show UI for bootstrap then you are probably not referencing the bootstrap CSS file (maybe you have the wrong URL). Use the 'Web Inspector' or 'Developer Tools' in your browser to make sure that the JS and CSS files you are including are actually being found (you'll see red text if not!).

To help you implement this feature I've created a minimimal working jsfiddle example using your original text:

example implementation

The basic steps required to get the carousel working are:

1. Format your html correctly with the carousel, carousel-inner, and item classes (which you did do correctly).

2. Include the bootstrap.css file.

3. Include the following javascript files: jquery, bootstrap-transition, bootstrap-carousel

---