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

css, html, twitter-bootstrap, twitter-bootstrap-3

Solution

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

Problem

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?

Original source