title: Owl carousel 100% height
body: <p>I have a little problem with owl carousel 2, </p>
  
  <p>This is the old version of my site, <a href="http://lukaszradwan.com/pl/" rel="nofollow">http://lukaszradwan.com/pl/</a>
  please take a look at the main slider. This is not owl carousel, I don't know what it is but it works fine (height is set to 100%) - and it's too heavy. </p>
  
  <p>I have changed it to owl carousel, see this <a href="http://lukaszradwan.com/" rel="nofollow">http://lukaszradwan.com/</a>
  It's responsive but I can't set height to 100%.</p>
  
  <p>JS</p>
  
  <pre><code>$('.owl-carousel').owlCarousel({
  items:1,
  margin:0,
  loop:true,
  nav:true
  });
  </code></pre>
  
  <p>HTML
                  </p>
  
  <pre><code>      &lt;div class="slider_container"&gt;
        &lt;div class="owl-carousel"&gt;
  &lt;div class="item"&gt;&lt;img src="img/banners/slajd.jpg" alt="The Last of us"&gt;   &lt;/div&gt;
  
  &lt;div class="item"&gt;&lt;img src="img/banners/slajd.jpg" alt="The Last of us"&gt;&lt;/div&gt;
  &lt;div class="item"&gt;&lt;img src="img/banners/slajd.jpg" alt="The Last of us"&gt;&lt;/div&gt;
  
  
  
  
        &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>If You have any ideas how to do this, please share with me. 
  Thanks in advance.</p>