完整的高度Bootstrap列与右栏中的粘性页脚

Question

我尝试构建一个高度为100％的2列Bootstrap模板，左栏中的导航和右栏中的站点内容，以及始终位于底部的强制页脚页面（无论上面的内容有多少）。

这个问题似乎很容易，但我被困了。

Fiddle

<div class="container">
    <div class="row">
        <div class="col-md-2">LEFT</div>
        <div class="col-md-10">
            <div class="wrapper">
                <p>WEBSITE CONTENT</p>
                <div class="push"></div>
            </div>
            <div class="footer">
                <p>FOOTER</p>
            </div>
        </div>
    </div>
</div>