title: OwlCarousel not displaying with Bootstrap 3
body: <p>I'm trying to implement <a href="https://wordpress.org/plugins/owl-carousel/" rel="nofollow">OwlCarousel</a> in a WordPress theme where I use Bootstrap and imported the OwlCarousel assets.</p>
  
  <p>Long story short: I tried OwlCarousel 2, it didn't work. I thought maybe there are conflicts with some things I use in this WordPress instance. So I tried OwlCarousel: Not working.</p>
  
  <p>On every single.php page, for example <a href="http://www.einfall7.ch/beta/manufaktur/tischkorpus-m-goetti/" rel="nofollow">http://www.einfall7.ch/beta/manufaktur/tischkorpus-m-goetti/</a> there should be an owl carousel just below the menu. My browser displays nothing. I'm not sure, where the issue is.</p>
  
  <p>The goal is to display a full height carousel of images, defined in the article.</p>
  
  <p><strong>EDIT:</strong>
  My used code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function() {
      $("#owl-demo").owlCarousel({
          navigation: true, // Show next and prev buttons
          slideSpeed: 300,
          paginationSpeed: 400,
          singleItem: true
              // "singleItem:true" is a shortcut for:
              // items : 1, 
              // itemsDesktop : false,
              // itemsDesktopSmall : false,
              // itemsTablet: false,
              // itemsMobile : false
      });
  });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#owl-demo .item img {
      display: block;
      width: 100%;
      height: auto;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
      &lt;head&gt;
          &lt;!-- Important Owl stylesheet --&gt;
          &lt;link rel="stylesheet" href="&lt;?php echo esc_url( get_template_directory_uri() ); ?&gt;/owl/owl.carousel.css"&gt;
          &lt;!-- Default Owl Theme --&gt;
          &lt;link rel="stylesheet" href="&lt;?php echo esc_url( get_template_directory_uri() ); ?&gt;/owl/owl.theme.css"&gt;
          &lt;!-- Include Owl js plugin --&gt;
          &lt;script src="&lt;?php echo esc_url( get_template_directory_uri() ); ?&gt;/owl/owl.carousel.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="owl-demo" class="owl-carousel owl-theme"&gt;
              &lt;div class="item"&gt;&lt;img src="http://www.einfall7.ch/beta/wp-content/themes/einfall7-2016/images/ref-einfall7-gr.jpg" alt="The Last of us"&gt;&lt;/div&gt;
              &lt;div class="item"&gt;&lt;img src="http://www.einfall7.ch/beta/wp-content/themes/einfall7-2016/images/ref-einfall7-gr.jpg" alt="GTA V"&gt;&lt;/div&gt;
              &lt;div class="item"&gt;&lt;img src="http://www.einfall7.ch/beta/wp-content/themes/einfall7-2016/images/ref-einfall7-gr.jpg" alt="Mirror Edge"&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>