title: 100% height left sidebar with dynamic right content - Bootstrap + Wordpress
body: <p>I'm making a website using Bootstrap and Wordpress. It's a 2-column layout - left sidebar, right content. The right content is dynamic and expands by infinite scroll. I've tried to make the left sidebar 100% height through several techniques but to no avail.</p>
  
  <p>I'd like the sidebar to continue down according to the size of the viewport/height of the right content div.</p>
  
  <p>I've made a bare fiddle: <a href="http://jsfiddle.net/ydPMr/3" rel="noreferrer">http://jsfiddle.net/ydPMr/3</a> but it would be better if you saw what I was talking about on my dev page: <a href="http://joshuawalker.koding.com" rel="noreferrer">http://joshuawalker.koding.com</a>.</p>
  
  <p>Here is the basic structure of my page:</p>
  
  <pre><code>&lt;div class="navbar navbar-inverse navbar-static-top"&gt;
  &lt;div class="navbar-inner"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="wire-unit hero-fix"&gt;
  &lt;/div&gt;
  &lt;div class="sidebar hidden-phone"&gt;&lt;/div&gt;
  &lt;div class="content"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>If anyone has any ideas on how to make the sidebar to stretch full height, I would appreciate it.</p>
  
  <p>Thanks!</p>