title: Bootstrap Carousel Transitions and Prev/Next Buttons Not Working
body: <p>I'm trying to implement the twitter bootstrap carousel, and it's not working - it doesn't switch images automatically, AND the previous/next buttons don't work. </p>
  
  <p>I've tried switching to jquery 1.7.1 as suggested on <a href="https://stackoverflow.com/questions/11233449/bootstrap-carousel-not-automatically-sliding">Bootstrap Carousel Not Automatically Sliding</a> and <a href="https://stackoverflow.com/questions/9353294/bootstrap-carousel-not-working">Bootstrap Carousel Not working</a>, but nothing seems to help. </p>
  
  <p>Any ideas would be appreciated.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Slideshow Test&lt;/title&gt;
          &lt;link href="css/bootstrap.css" rel="stylesheet" type="text/css" /&gt;
          &lt;script src="js/bootstrap.js"&gt;&lt;/script&gt;
          &lt;script src="js/jquery-1.7.1.min.js"&gt;&lt;/script&gt;
          &lt;script src="js/bootstrap-transition.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="myCarousel" class="carousel slide" style="width:450px"&gt;
              &lt;!-- Carousel items --&gt;
              &lt;div class="carousel-inner"&gt;
                  &lt;div class="item active"&gt;&lt;img src="img/IMG_2.jpg"&gt;&lt;/div&gt;                
                  &lt;div class="item"&gt;&lt;img src="img/IMG_3.jpg"&gt;&lt;/div&gt;
                  &lt;div class="item"&gt;&lt;img src="img/IMG_1.jpg"&gt;&lt;/div&gt;
                  &lt;!-- Carousel nav --&gt;
                  &lt;a class="carousel-control left" href="#myCarousel" data-slide="prev"&gt;&amp;lsaquo;&lt;/a&gt;
                  &lt;a class="carousel-control right" href="#myCarousel" data-slide="next"&gt;&amp;rsaquo;&lt;/a&gt;
              &lt;/div&gt;
          &lt;/div&gt;    
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>You can view it and its linked files at <a href="http://www.abbymilberg.com/bootstrap" rel="noreferrer">www.abbymilberg.com/bootstrap</a>.</p>