title: Twitter Bootstrap Carousel Navigation Display
body: <p>I am just testing some Twitter Bootstrap stuff out for a simple web app and I have run into an issue with the Carousel: the navigation buttons don't display like in examples on the bootstrap site and others I have found on the web.</p>
  
  <p>I have taken this example <a href="http://www.tutorialrepublic.com/codelab.php?topic=bootstrap&amp;file=carousel" rel="nofollow">http://www.tutorialrepublic.com/codelab.php?topic=bootstrap&amp;file=carousel</a> and put it into this fiddle <a href="http://jsfiddle.net/a5udW/" rel="nofollow">http://jsfiddle.net/a5udW/</a> </p>
  
  <pre><code>&lt;div class="bs-example"&gt;
  &lt;div id="myCarousel" class="carousel slide"&gt;
      &lt;!-- Carousel indicators --&gt;
      &lt;ol class="carousel-indicators"&gt;
          &lt;li data-target="#myCarousel" data-slide-to="0" class="active"&gt;&lt;/li&gt;
          &lt;li data-target="#myCarousel" data-slide-to="1"&gt;&lt;/li&gt;
          &lt;li data-target="#myCarousel" data-slide-to="2"&gt;&lt;/li&gt;
      &lt;/ol&gt;   
      &lt;!-- Carousel items --&gt;
      &lt;div class="carousel-inner"&gt;
          &lt;div class="active item"&gt;Slide 1&lt;/div&gt;
          &lt;div class="item"&gt;Slide 2&lt;/div&gt;
          &lt;div class="item"&gt;Slide 3&lt;/div&gt;
      &lt;/div&gt;
      &lt;!-- Carousel nav --&gt;
      &lt;a class="carousel-control left" href="#myCarousel" data-slide="prev"&gt;&lt;&lt;/a&gt;
      &lt;a class="carousel-control right" href="#myCarousel" data-slide="next"&gt;&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>The navigation buttons are just plain old "&lt;" and ">" in larger rectangles unlike in the example from Code Lab.</p>
  
  <p>What noob thing have I done wrong?</p>
  
  <p>Many thanks.</p>