title: How come dots/navigation buttons are not visiable using owlcarousel?
body: <p>How come the navigation buttons are not visible?</p>
  
  <p>I'm using <code>jQuery</code> and <code>owlcarousel</code> (<a href="http://owlgraphic.com/owlcarousel/" rel="noreferrer">http://owlgraphic.com/owlcarousel/</a>).</p>
  
  <p><a href="http://jsfiddle.net/bobbyrne01/s10bgckL/1/" rel="noreferrer">http://jsfiddle.net/bobbyrne01/s10bgckL/1/</a></p>
  
  <p><img src="https://i.stack.imgur.com/o32BS.png" alt="screenshot"></p>
  
  <p><code>html</code> ..</p>
  
  <pre><code>&lt;div id="owl-demo"&gt;
      &lt;div class="item"&gt;
          &lt;img src="http://placehold.it/50x50" alt="Owl Image" /&gt;
      &lt;/div&gt;
      &lt;div class="item"&gt;
          &lt;img src="http://placehold.it/50x50" alt="Owl Image" /&gt;
      &lt;/div&gt;
      &lt;div class="item"&gt;
          &lt;img src="http://placehold.it/50x50" alt="Owl Image" /&gt;
      &lt;/div&gt;
      &lt;div class="item"&gt;
          &lt;img src="http://placehold.it/50x50" alt="Owl Image" /&gt;
      &lt;/div&gt;
      &lt;div class="item"&gt;
          &lt;img src="http://placehold.it/50x50" alt="Owl Image" /&gt;
      &lt;/div&gt;
      &lt;div class="item"&gt;
          &lt;img src="http://placehold.it/50x50" alt="Owl Image" /&gt;
      &lt;/div&gt;
      &lt;div class="item"&gt;
          &lt;img src="http://placehold.it/50x50" alt="Owl Image" /&gt;
      &lt;/div&gt;
      &lt;div class="item"&gt;
          &lt;img src="http://placehold.it/50x50" alt="Owl Image" /&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><code>js</code> ..</p>
  
  <pre><code>$(document).ready(function () {
      $("#owl-demo").owlCarousel({
  
          autoPlay: 3000, //Set AutoPlay to 3 seconds
          dots: true,
          items: 2,
          itemsDesktop: [1199, 3],
          itemsDesktopSmall: [979, 3]
      });
  });
  </code></pre>
  
  <p><code>css</code> ..</p>
  
  <pre><code>#owl-demo .item {
      margin: 3px;
  }
  #owl-demo .item img {
      display: block;
      width: 50%;
      height: auto;
  }
  </code></pre>