title: Owl carousel caption with animate.css
body: <p>i'm trying to make captions in owl carousel. i'm using animate.css.
  I've added animation to captions in carousel but it's not working for all. Only first slides caption have animation. Here is my code;</p>
  
  <pre><code>&lt;div class="owl-carousel owl-theme"&gt;
  
  &lt;div class="item"&gt;&lt;img src="http://placehold.it/900x1200"&gt;
      &lt;div class="caption"&gt;&lt;h1 class="animated bounce"&gt;First Caption&lt;/h1&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="item"&gt;&lt;img src="http://placehold.it/900x1200"&gt;
      &lt;div class="caption"&gt;&lt;h1 class="animated bounce"&gt;Second Caption&lt;/h1&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="item"&gt;&lt;img src="http://placehold.it/900x1200"&gt;
      &lt;div class="caption"&gt;&lt;h1 class="animated bounce"&gt;Third Caption&lt;/h1&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="item"&gt;&lt;img src="http://placehold.it/900x1200"&gt;
      &lt;div class="caption"&gt;&lt;h1 class="animated bounce"&gt;Fourth Caption&lt;/h1&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;/div&gt;&lt;!-- End Carousel --&gt;
  
  &lt;style&gt;
  .caption {
      position: absolute;
      font-size: 1.5em;
      top: 0;
      left: 15px;
      border:1px solid;
      color:orange;
      text-shadow: 2px 2px 1px #000;
      padding-top: 60vh;
  }
  &lt;/style&gt;
  
  &lt;script&gt;
  $(document).ready(function(){
    $('.owl-carousel').owlCarousel({
      items:1,
      loop:true,
      autoplay:true,
      autoplayTimeout:3500,
      nav:true,    
      })
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>I'm waiting your help about that. I'm stuck</p>