twitter-bootstrap row-fluid doesn't adjust height according to it's child size

Question

I have the following fiddle. It's essentially a

<div class="row-fluid">
  <div class="sidebar">
  </div>
</div>

I am just wondering why the row-fluid doesn't adjust the height based on the sidebar height? I can see the sidebar has a height of 1450px, so if all container div's by default adjust's to it's child div's size then it should also have a height of 1450px. If I check the height of the row-fluid, it stays at 0. How do I make this adjust accordingly?

Answer 1

Add class .clearfix to the row-fluid and it will work :)