title: Stuck with Owl carousel - Can't make it work
body: <p>I started building my website (WordPress custom theme with Boostrap front-end framework). 
  I put inside files in it but i still am not getting it to work.
  Everything is visible but I cant slide it.
  I Have checked that files are loaded properly.</p>
  
  <p>These are the files i have loaded on the page
  - jquery-1.11.0.min.js (from bootstrap)</p>
  
  <ul>
  <li>jquery.min.js (came together with owl folder)</li>
  <li><p>owl.carousel.min.js</p></li>
  <li><p>owl.carousel.min.css</p></li>
  <li>owl.theme.default.min.css</li>
  </ul>
  
  <p>I have tried turning of jquery-1.11.0.min.js but keeping jquery.min.js.
  I have also tried turning off jquery.min.js and keeping jquery-1.11.0.min.js but no results.</p>
  
  <p>Has anyone had same problem?</p>
  
  <hr>
  
  <p>I tried setting up an jsfiddle but somehow the carousel doesn't show up at all there.
  Here is the link anyways so you can see the code.</p>
  
  <p><a href="https://jsfiddle.net/ykhu3aa0/3/" rel="nofollow noreferrer">https://jsfiddle.net/ykhu3aa0/3/</a></p>
  
  <p><br></p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="loop owl-carousel owl-theme owl-loaded owl-drag"&gt;
          &lt;div class="owl-stage-outer"&gt;
              &lt;div class="owl-stage" style="transition: 0.25s; width: 5880px; transform: translate3d(-2572px, 0px, 0px);"&gt;
                  &lt;div class="owl-item cloned" style="width: 235px; margin-right: 10px;"&gt;
                      &lt;div class="item"&gt;
                          &lt;img src="http://via.placeholder.com/350x220"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="owl-item cloned" style="width: 235px; margin-right: 10px;"&gt;
                      &lt;div class="item"&gt;
                          &lt;img src="http://via.placeholder.com/350x220"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="owl-item cloned" style="width: 235px; margin-right: 10px;"&gt;
                      &lt;div class="item"&gt;
                          &lt;img src="http://via.placeholder.com/350x220"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="owl-item cloned" style="width: 235px; margin-right: 10px;"&gt;
                      &lt;div class="item"&gt;
                          &lt;img src="http://via.placeholder.com/350x220"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="owl-item cloned" style="width: 235px; margin-right: 10px;"&gt;
                      &lt;div class="item"&gt;
                          &lt;img src="http://via.placeholder.com/350x220"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="owl-item cloned" style="width: 235px; margin-right: 10px;"&gt;
                      &lt;div class="item"&gt;
                          &lt;img src="http://via.placeholder.com/350x220"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="owl-item" style="width: 235px; margin-right: 10px;"&gt;
                      &lt;div class="item"&gt;
                          &lt;img src="http://via.placeholder.com/350x220"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="owl-item" style="width: 235px; margin-right: 10px;"&gt;
                      &lt;div class="item"&gt;
                          &lt;img src="http://via.placeholder.com/350x220"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="owl-item" style="width: 235px; margin-right: 10px;"&gt;
                      &lt;div class="item"&gt;
                          &lt;img src="http://via.placeholder.com/350x220"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="owl-item" style="width: 235px; margin-right: 10px;"&gt;
                      &lt;div class="item"&gt;
                          &lt;img src="http://via.placeholder.com/350x220"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="owl-item" style="width: 235px; margin-right: 10px;"&gt;
                      &lt;div class="item"&gt;
                          &lt;img src="http://via.placeholder.com/350x220"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="owl-item active" style="width: 235px; margin-right: 10px;"&gt;
                      &lt;div class="item"&gt;
                          &lt;img src="http://via.placeholder.com/350x220"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="owl-item active center" style="width: 235px; margin-right: 10px;"&gt;
                      &lt;div class="item"&gt;
                          &lt;img src="http://via.placeholder.com/350x220"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="owl-item active" style="width: 235px; margin-right: 10px;"&gt;
                      &lt;div class="item"&gt;
                          &lt;img src="http://via.placeholder.com/350x220"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="owl-item active" style="width: 235px; margin-right: 10px;"&gt;
                      &lt;div class="item"&gt;
                          &lt;img src="http://via.placeholder.com/350x220"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="owl-item" style="width: 235px; margin-right: 10px;"&gt;
                      &lt;div class="item"&gt;
                          &lt;img src="http://via.placeholder.com/350x220"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="owl-item" style="width: 235px; margin-right: 10px;"&gt;
                      &lt;div class="item"&gt;
                          &lt;img src="http://via.placeholder.com/350x220"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="owl-item" style="width: 235px; margin-right: 10px;"&gt;
                      &lt;div class="item"&gt;
                          &lt;img src="http://via.placeholder.com/350x220"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="owl-item cloned" style="width: 235px; margin-right: 10px;"&gt;
                      &lt;div class="item"&gt;
                          &lt;img src="http://via.placeholder.com/350x220"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="owl-item cloned" style="width: 235px; margin-right: 10px;"&gt;
                      &lt;div class="item"&gt;
                          &lt;img src="http://via.placeholder.com/350x220"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="owl-item cloned" style="width: 235px; margin-right: 10px;"&gt;
                      &lt;div class="item"&gt;
                          &lt;img src="http://via.placeholder.com/350x220"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="owl-item cloned" style="width: 235px; margin-right: 10px;"&gt;
                      &lt;div class="item"&gt;
                          &lt;img src="http://via.placeholder.com/350x220"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="owl-item cloned" style="width: 235px; margin-right: 10px;"&gt;
                      &lt;div class="item"&gt;
                          &lt;img src="http://via.placeholder.com/350x220"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  
                  &lt;div class="owl-item cloned" style="width: 235px; margin-right: 10px;"&gt;
                      &lt;div class="item"&gt;
                          &lt;img src="http://via.placeholder.com/350x220"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
          &lt;/div&gt;
  
          &lt;div class="owl-nav disabled"&gt;&lt;div class="owl-prev"&gt;prev&lt;/div&gt;&lt;div class="owl-next"&gt;next&lt;/div&gt;&lt;/div&gt;
  
          &lt;div class="owl-dots"&gt;
              &lt;div class="owl-dot"&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt;
              &lt;div class="owl-dot"&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt;
              &lt;div class="owl-dot"&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt;
              &lt;div class="owl-dot"&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt;
              &lt;div class="owl-dot"&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt;
              &lt;div class="owl-dot"&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt;
              &lt;div class="owl-dot active"&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt;
              &lt;div class="owl-dot"&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt;
              &lt;div class="owl-dot"&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt;
              &lt;div class="owl-dot"&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt;
              &lt;div class="owl-dot"&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt;
              &lt;div class="owl-dot"&gt;&lt;span&gt;&lt;/span&gt;&lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p><br></p>
  
  <p><strong>Javascript</strong></p>
  
  <pre><code>  $('.loop').owlCarousel({
      center: true,
      items:2,
      loop:true,
      margin:10,
      responsive:{
          600:{
              items:4
          }
      }
  });
  </code></pre>