title: Bootstrap Carousel disappears
body: <p>The Bootstrap carousel dissapears after the second slide and then reappears afterwards.  Does it need a container? Or are the libraries conflicting?</p>
  
  <pre><code>&lt;div id="myCarousel" class="carousel slide"&gt;
    &lt;div class="carousel-inner"&gt;
      &lt;div class="item active"&gt;
        &lt;img src="http://www.sagu.edu/templates/sagu-redux/img/showcase-3.jpg" alt=""&gt;
        &lt;div class="container"&gt;
          &lt;div class="carousel-caption"&gt;
            &lt;h1&gt;Example headline.&lt;/h1&gt;
            &lt;p class="lead"&gt;Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.&lt;/p&gt;
            &lt;a class="btn btn-large btn-primary" href="#"&gt;Sign up today&lt;/a&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="item"&gt;
        &lt;img src="http://www.sagu.edu/templates/sagu-redux/img/showcase-2.jpg" alt=""&gt;
        &lt;div class="container"&gt;
          &lt;div class="carousel-caption"&gt;
            &lt;h1&gt;Another example headline.&lt;/h1&gt;
            &lt;p class="lead"&gt;Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.&lt;/p&gt;
            &lt;a class="btn btn-large btn-primary" href="#"&gt;Learn more&lt;/a&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="item"&gt;
        &lt;img src="http://www.sagu.edu/templates/sagu-redux/img/showcase-5.jpg" alt=""&gt;
        &lt;div class="container"&gt;
          &lt;div class="carousel-caption"&gt;
            &lt;h1&gt;One more for good measure.&lt;/h1&gt;
            &lt;p class="lead"&gt;Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.&lt;/p&gt;
            &lt;a class="btn btn-large btn-primary" href="#"&gt;Browse gallery&lt;/a&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
    &lt;a class="left carousel-control" href="#myCarousel" data-slide="prev"&gt;‹&lt;/a&gt;
    &lt;a class="right carousel-control" href="#myCarousel" data-slide="next"&gt;›&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>