title: Scrollable sidebar using Bootstrap
body: <p>I'm currently working on a website H1Z1Atlas.com and I have a problem where when the sidebar content extends past the page, the sidebar does not have a scrollable causing the content to be not shown.</p>
  
  <p>I'm using a twitter bootstrap navbar as well on the page is there any easy fix to get a dynamic scrollbar?</p>
  
  <p><a href="http://i.imgur.com/bA21Txi.png" rel="nofollow">http://i.imgur.com/bA21Txi.png</a></p>
  
  <p>Here is a link to the picture. there are more rows of layers however when the screen size becomes to small they just disappear instead of showing a sidebar. The html is a bit confusing due to angular.js so it would be hard to show properly</p>
  
  <p>Edit: I would like the sidebar to be the same as this page <a href="https://material.angularjs.org/#/" rel="nofollow">https://material.angularjs.org/#/</a> where you can scroll the content</p>