title: I need to fix Bootstrap h-100 class it is not working
body: <p>I have a sidebar in admin panel. And I try to make this sidebar height of 100%, but I could not solve my problem this way.</p>
  
  <p><a href="https://jsfiddle.net/irankhosravi/u96nykbx/1/" rel="nofollow noreferrer">https://jsfiddle.net/irankhosravi/u96nykbx/1/</a></p>
  
  <pre><code>&lt;html class="h-100"&gt;
  &lt;head&gt;
      &lt;title&gt;Admin&lt;/title&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  &lt;/head&gt;
  &lt;body class="h-100"&gt;
      &lt;div class="row h-100"&gt;
      &lt;div class="col-md-2 h-100 bg-success" id="sidebar"&gt;&lt;/div&gt;
      &lt;div class="col-md-10 bg-danger" style="height: 500px;"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>