title: Bootstrap.js Carousel with only text
body: <p>I follow <a href="http://webdesign.tutsplus.com/articles/twitter-bootstrap-101-the-carousel--webdesign-7442" rel="noreferrer">this</a> tutorial to make Carousel slide . </p>
  
  <p>When I define each item contain image and paragraph as  - </p>
  
  <pre><code>&lt;div class="item"&gt;
      &lt;img src="http://placehold.it/1200x480" alt="" /&gt;
      &lt;div class="carousel-caption"&gt;
          &lt;p&gt;Caption text here&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>it's work fine (<a href="http://jsfiddle.net/urielz/5e4v3/" rel="noreferrer">here its jsFiddle</a>)  .</p>
  
  <p>But when I reduce it to paragraph only as - </p>
  
  <pre><code>&lt;div class="item"&gt;
      &lt;div class="carousel-caption"&gt;
          &lt;p&gt;Caption text here&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>it stop working (<a href="http://jsfiddle.net/urielz/ZHwK2/" rel="noreferrer">here its jsFiddle</a>) . </p>
  
  <p>How could I make it work with only paragraph such that is slide the text each switch ? </p>