title: Bootstrap Carousel: Data Slide symbols are missing
body: <p>When building up a simple template for Bootstrap's carousel, the ">" symbols are missing. You can easily spot <a href="http://twitter.github.com/bootstrap/javascript.html#carousel" rel="nofollow">them in the documentation</a>. Do I have to provide them somewhere? If yes, how and where?
  Here's the code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang='de'&gt;
    &lt;head&gt;
      &lt;meta charset='utf-8' /&gt;
      &lt;title&gt;XX&lt;/title&gt;
      &lt;meta content='' name='keywords' /&gt;
      &lt;meta content='' name='description'&gt;
        &lt;!-- Le HTML5 shim, for IE6-8 support of HTML elements --&gt;
        &lt;!--[if lt IE 9]&gt;
          &lt;script src="http://html5shim.googlecode.com/svn/trunk/html5.js"&gt;&lt;/script&gt;
        &lt;![endif]--&gt;
      &lt;/meta&gt;
      &lt;link href='css/bootstrap.min.css' rel='stylesheet' /&gt;
      &lt;!-- Le fav and touch icons --&gt;
      &lt;link href='img/favicon.ico' rel='shortcut icon' /&gt;
      &lt;link href='css/bootstrap.min.css' media='screen' rel='stylesheet' /&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div class='container'&gt;
        &lt;div class='carousel slide' id='myCarousel'&gt;
          &lt;div class='carousel-inner'&gt;
            &lt;div class='active item'&gt;
              &lt;a href='#'&gt;
                &lt;img src='img/slide-01.jpg' /&gt;
              &lt;/a&gt;
              &lt;div class='carousel-caption'&gt;
                &lt;p class='lead'&gt;
                  XX
                &lt;/p&gt;
                &lt;a class='btn btn-large btn-primary' href='#'&gt;
                  XX
                &lt;/a&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;div class='item'&gt;
              &lt;a href='#'&gt;
                &lt;img src='img/slide-02.jpg' /&gt;
              &lt;/a&gt;
              &lt;div class='carousel-caption'&gt;
                &lt;p class='lead'&gt;
                  XX
                &lt;/p&gt;
                &lt;a class='btn btn-large btn-primary' href='#'&gt;
                  XX
                &lt;/a&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;a class='carousel-control left' data-slide='prev' href='#myCarousel'&gt;&lt;/a&gt;
          &lt;a class='carousel-control right' data-slide='next' href='#myCarousel'&gt;&lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/body&gt;
    &lt;script src='http://code.jquery.com/jquery-latest.js'&gt;&lt;/script&gt;
    &lt;script src='js/bootstrap.min.js'&gt;&lt;/script&gt;
    &lt;script type='text/javascript'&gt;
      //&lt;![CDATA[
        !function ($) {
          $(function(){
            var $window = $(window)
            $('#myCarousel').carousel('')
          })
        }(window.jQuery)
      //]]&gt;
    &lt;/script&gt;
  &lt;/html&gt;
  </code></pre>