title: How do I extend my sidebar the full height of the page?
body: <h1><a href="http://jsfiddle.net/chickendance/szTcq/2/" rel="nofollow">jsFiddle</a></h1>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div id="wrapper" class="container-fluid"&gt;
      &lt;div class="row-fluid"&gt;
          &lt;div class="span12"&gt;
              &lt;div class="span2 sidebar"&gt;sidebar&lt;/div&gt;
              &lt;div class="span10 content"&gt;content&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I've been searching Google for the past few hours trying to find a solution. I don't think I can do <a href="http://alistapart.com/article/fauxcolumns" rel="nofollow">Faux Columns</a> because the site is built on Bootstrap, so the sidebar width will change depending on the width of the browser.</p>