title: Controlling Carousel in Twitter Bootstrap 2.0
body: <p>I'm testing out the new carousel feature in bootstrap 2.0 and having difficulties making the nav arrows function correctly. The documentation is a little thin at the moment and i'm a newbie of sorts. </p>
  
  <p>This is my html:</p>
  
  <pre><code>&lt;div class="span9"&gt;
  
  &lt;div id="myCarousel" class="carousel slide"&gt;
  
    &lt;!-- Carousel items --&gt;
    &lt;div class="carousel-inner"&gt;
  
    &lt;div class="item active"&gt;
  
    &lt;img src="img/testa.jpeg"&gt;
  
    &lt;div class="carousel-caption"&gt;
  
    &lt;h4&gt;First Thumbnail label&lt;/h4&gt;
    &lt;p&gt;Blah Blah Blah&lt;/p&gt;
  
    &lt;/div&gt;&lt;!-- Carousel caption --&gt;
  
    &lt;/div&gt;&lt;!-- items --&gt;
  
    &lt;div class="item"&gt;
  
    &lt;img src="img/testb.jpeg"&gt;
  
    &lt;div class="carousel-caption"&gt;
  
    &lt;h4&gt;First Thumbnail label&lt;/h4&gt;
    &lt;p&gt;Blah Blah Blah&lt;/p&gt;
  
    &lt;/div&gt;&lt;!-- Carousel caption --&gt;
  
    &lt;/div&gt;&lt;!-- items --&gt;
  
    &lt;/div&gt;&lt;!-- Carousel inner --&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;!-- Carousel --&gt;
  
  &lt;/div&gt;&lt;!-- span --&gt;
  </code></pre>
  
  <p>I've activated the carousel in javascript:</p>
  
  <pre><code>$('#myCarousel').carousel()
  </code></pre>
  
  <p>and that works. However the arrows don't move / cycle through the images when you click on them. </p>
  
  <p>I'm sure it's something simple i'm missing. Thanks for your help.  </p>