Twitter Bootstrap Carousel not automatically starting

Question

I have a carousel on my site that was created with Twitter Bootstrap. I'm not sure why it does not start automatically though when the page loads, it does not initiate until you click on the arrow to advance to the next slide, then the timer kicks in. From the bootstrap documentation it says it can be initialised with this object, but where do i put this?

$('.carousel').carousel({
  interval: 2000
})

My site has two javascript files, jquery-1.7.2.min.js, and bootstrap.min.js.

Answer 1

Assuming you have everything else in place, try adding this before the closing body tag:

<script type='text/javascript'>
    $(document).ready(function() {
         $('.carousel').carousel({
             interval: 2000
         })
    });    
</script>