title: Creating Bootstrap 4 right side navbar height to 100%
body: <p>Below is my Bootstrap 4 navbar code in which I'm trying to create a right side navbar height to full 100%.</p>
  <pre><code>&lt;nav class=&quot;navbar navbar-expand-sm bg-light navbar-light&quot;
              style=&quot;width: 200px; float: right;&quot;&gt;
    &lt;ul class=&quot;nav flex-column&quot;&gt;
      &lt;li class=&quot;nav-item active&quot;&gt;
        &lt;a class=&quot;nav-link&quot; href=&quot;#&quot;&gt;Sports&lt;/a&gt;
      &lt;/li&gt;
      &lt;li class=&quot;nav-item&quot;&gt;
        &lt;a class=&quot;nav-link&quot; href=&quot;#&quot;&gt;Facebook&lt;/a&gt;
      &lt;/li&gt;
      &lt;li class=&quot;nav-item&quot;&gt;
        &lt;a class=&quot;nav-link&quot; href=&quot;#&quot;&gt;Youtube&lt;/a&gt;
      &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/nav&gt;
  </code></pre>
  <p>I have also tried <code>height: 100%;</code> , <code>navbar-full</code> to the <code>&lt;nav&gt;</code> but it's not effecting any more.</p>
  <p>See the image:</p>
  <p><a href="https://i.stack.imgur.com/rXl4b.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rXl4b.png" alt="enter image description here" /></a></p>