&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;
   </pre>

   <div class="alert alert-warning">
      <strong>Heads up!</strong>
      When implementing this carousel, remove the images we have provided and replace them with your own.
   </div>


   <hr class="bs-docs-separator">


   <h2>Usage</h2>

   <h