title: owl-carousel never shows items
body: <p>i have a problem with owl-carousel that only the prev and next button is shown but the items which i add into the owl-carousel never show (always display:none)
  this is my HTML code</p>
  
  <pre><code>$(document).ready(function(){
  $('.owl-carousel').owlCarousel({
      loop:true,
      margin:10,
      nav:true,
      autoplay:true,
      autoplayTimeout:10000,
      autoplayHoverPause:true,
      responsive:{
          0:{
              items:1
          },
          600:{
              items:3
          },
          1000:{
              items:5
          }
      }
     });
   }); 
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;section class="my-slide"&gt;
        &lt;ul class="row owl-carousel owl-theme"&gt;
          &lt;li class="owl-item"&gt;&lt;div class="item-cat"&gt;&lt;a href="logIn.html"&gt;&lt;i class="fa fa-facebook fa-2x"&gt;&lt;/i&gt;&lt;p&gt;this is item 1&lt;/p&gt;&lt;/a&gt;&lt;/div&gt;&lt;/li&gt;
          &lt;li class="owl-item"&gt;&lt;div class="item-cat"&gt;&lt;a href="logIn.html"&gt;&lt;i class="fa fa-facebook fa-2x"&gt;&lt;/i&gt;&lt;p&gt;this is item 2&lt;/p&gt;&lt;/a&gt;&lt;/div&gt;&lt;/li&gt;
          &lt;li class="owl-item"&gt;&lt;div class="item-cat"&gt;&lt;a href="logIn.html"&gt;&lt;i class="fa fa-facebook fa-2x"&gt;&lt;/i&gt;&lt;p&gt;this is item 3&lt;/p&gt;&lt;/a&gt;&lt;/div&gt;&lt;/li&gt;
          &lt;li class="owl-item"&gt;&lt;div class="item-cat"&gt;&lt;a href="logIn.html"&gt;&lt;i class="fa fa-facebook fa-2x"&gt;&lt;/i&gt;&lt;p&gt;this is item 4&lt;/p&gt;&lt;/a&gt;&lt;/div&gt;&lt;/li&gt;
          &lt;li class="owl-item"&gt;&lt;div class="item-cat"&gt;&lt;a href="logIn.html"&gt;&lt;i class="fa fa-facebook fa-2x"&gt;&lt;/i&gt;&lt;p&gt;this is item 5&lt;/p&gt;&lt;/a&gt;&lt;/div&gt;&lt;/li&gt;
          &lt;li class="owl-item"&gt;&lt;div class="item-cat"&gt;&lt;a href="logIn.html"&gt;&lt;i class="fa fa-facebook fa-2x"&gt;&lt;/i&gt;&lt;p&gt;this is item 6&lt;/p&gt;&lt;/a&gt;&lt;/div&gt;&lt;/li&gt;
          &lt;li class="owl-item"&gt;&lt;div class="item-cat"&gt;&lt;a href="logIn.html"&gt;&lt;i class="fa fa-facebook fa-2x"&gt;&lt;/i&gt;&lt;p&gt;this is item 7&lt;/p&gt;&lt;/a&gt;&lt;/div&gt;&lt;/li&gt;
          &lt;li class="owl-item"&gt;&lt;div class="item-cat"&gt;&lt;a href="logIn.html"&gt;&lt;i class="fa fa-facebook fa-2x"&gt;&lt;/i&gt;&lt;p&gt;this is item 8&lt;/p&gt;&lt;/a&gt;&lt;/div&gt;&lt;/li&gt;
          &lt;li class="owl-item"&gt;&lt;div class="item-cat"&gt;&lt;a href="logIn.html"&gt;&lt;i class="fa fa-facebook fa-2x"&gt;&lt;/i&gt;&lt;p&gt;this is item 9&lt;/p&gt;&lt;/a&gt;&lt;/div&gt;&lt;/li&gt;
          &lt;li class="owl-item"&gt;&lt;div class="item-cat"&gt;&lt;a href="logIn.html"&gt;&lt;i class="fa fa-facebook fa-2x"&gt;&lt;/i&gt;&lt;p&gt;this is item 10&lt;/p&gt;&lt;/a&gt;&lt;/div&gt;&lt;/li&gt;
          &lt;li class="owl-item"&gt;&lt;div class="item-cat"&gt;&lt;a href="logIn.html"&gt;&lt;i class="fa fa-facebook fa-2x"&gt;&lt;/i&gt;&lt;p&gt;this is item 11&lt;/p&gt;&lt;/a&gt;&lt;/div&gt;&lt;/li&gt;
          &lt;li class="owl-item"&gt;&lt;div class="item-cat"&gt;&lt;a href="logIn.html"&gt;&lt;i class="fa fa-facebook fa-2x"&gt;&lt;/i&gt;&lt;p&gt;this is item 12&lt;/p&gt;&lt;/a&gt;&lt;/div&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/section&gt;
  </code></pre>