title: Owl Carousel width issues when first load
body: <p>i'm using owl carousel. this is my script:</p>
  
  <pre><code>$("#owl-demo").owlCarousel({ 
    items : 3
  });
  </code></pre>
  
  <p>i want the container show 3 images. But, here is the picture when first load</p>
  
  <p><a href="https://i.stack.imgur.com/ePLAQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ePLAQ.png" alt="First load, before browser get resize"></a></p>
  
  <p>but when i resize the browser, although just a little bit, size of images change to actual size and setting that i want</p>
  
  <p><a href="https://i.stack.imgur.com/upVOj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/upVOj.png" alt="Browser got resize"></a></p>
  
  <p>So, the problem is images preview when i load browser for the first time.
  Why this is happening? i think the issues about size of my browser</p>