title: Not able to add full height to sidebar
body: <p>I am trying to create a navbar and a sidebar by bootstrap. I have used one row for the navbar and another row for sidebar and content in different columns each. I need my navbar which is in my first column, to expand to the end.
  Here is my <strong>CSS</strong></p>
  <pre><code>.sidebar-col{
    background-color: #2c3236;
    height: 100% !important;
  }
  .nopadding{
    padding: 0 !important;
  }
  .sidebar-head{
    color: #73ffff;
    font-size: 18px;
    padding-top: 40px;
    margin-left: 15px;
  }
  .sidebar-un-list{
    margin-top: 20px;
    padding: 5px;
  }
  .sidebar-un-list a{
    color: antiquewhite;
    text-decoration: none;
  }
  .sidebar-un-list a:hover{
    color: rgb(58, 186, 218);
    text-decoration: none;
  }
  .sidebar-list{
    padding: 10px;
  }
  .sub-list{
    padding: 10px;
    margin-left: 5px;
  }
  .sub-list a:hover{
    color: #73ffff;
  }
  </code></pre>
  <p><a href="https://jsbin.com/feheqilaxo/edit?html,css,output" rel="nofollow noreferrer">JSBin</a> for my website.</p>