body size of 100vh not working in responsive layout
<p>I set my body height to 100vh ( I even tried 100 %) in normal layout in desktop it works fine. But when the vertical height of the browser is reduced the body including the sidebar and main content present inside them are not with 100% height are not occupying the full height of the window. How do I proceed thanks in advance. </p>

<p>I tried also setting </p>

<pre><code>html{
  height:100%;
}
body{
  height:100%;
}
</code></pre>

<p><strong>Note:</strong>
I am using bootstrap v3.3.7 scss for other internal layouting.</p>

<p>here is the <a href="https://jsfiddle.net/7d7nLrfj/1/" rel="nofollow noreferrer">jsfiddle</a></p>

<p><strong>Note2:</strong>  This is what happens to sidebar when height is shrinked not the width. same happens for body too.it is not occupying full height of screen</p>

<p><a href="https://i.stack.imgur.com/6ibWO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6ibWO.png" alt="enter image description here"></a></p>