<p dir="auto">In <a href="http://getbootstrap.com/customize/#less-variables" rel="nofollow">http://getbootstrap.com/customize/#less-variables</a>, the nav bar on the left eases navigation in the page. However, when there is too much content and the height of the screen is too low, it becomes impossible to see the content at the end of the nav bar.</p>
<p dir="auto">On the <strong>Components</strong> page of the Bootstrap docs, the sidebar becomes too tall for the viewport when <code class="notranslate">scrollspy</code> causes the sidebar subheadings to show.</p>
<p dir="auto">The sidebar cannot be scrolled or manipulated to show content below the viewport.</p>
<p dir="auto">See here: <a href="http://getbootstrap.com/components/#glyphicons" rel="nofollow">http://getbootstrap.com/components/#glyphicons</a></p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/95439b4a35416da72571a4370430e75ce3537082bd569e0307adc41876c1c985/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f333135343431352f3939313132322f31333836323763632d303935322d313165332d396239652d3562356337373934356263622e706e67"><img src="https://camo.githubusercontent.com/95439b4a35416da72571a4370430e75ce3537082bd569e0307adc41876c1c985/68747470733a2f2f662e636c6f75642e6769746875622e636f6d2f6173736574732f333135343431352f3939313132322f31333836323763632d303935322d313165332d396239652d3562356337373934356263622e706e67" alt="screen shot 2013-08-20 at 12 35 55" data-canonical-src="https://f.cloud.github.com/assets/3154415/991122/138627cc-0952-11e3-9b9e-5b5c77945bcb.png" style="max-width: 100%;"></a></p>