title: Full Height Sidebar With Footer in Bootstrap
body: <p>I'm looking to have a full height sidebar (see #left in example), while still having a footer, using the bootstrap framework.</p>
  
  <p><a href="https://jsfiddle.net/ycmfe97z/7/" rel="nofollow">View the fiddle here.</a></p>
  
  <p>I've tried the following, but it is not 'footer friendly'.  The goal is to have the sidebar 100% of the page height.</p>
  
  <pre><code>#left {
      position: fixed;
      top: 51px;
      bottom: 0;
      left: 0;
      z-index: 1000;
      display: block;
      padding: 20px;
      overflow-x: hidden;
      overflow-y: auto;
      background-color: #f5f5f5;
      border-right: 1px solid #eee;
  }
  </code></pre>