Twitter bootstrap 引导列填充可用空间

我需要在左边有一列，在右边有一组没有设置高度的列，在底部有一行

这是我目前拥有的基本模型。如何使左列填充左列底部和底行之间的间隙

---

我知道如何处理这个问题的唯一方法是使用javascript，我不建议这样做。但是，如果必须做到这一点：

HTML

---

我在Bootply中有一个工作示例，但它不会保存。服务一回来，我就会用这个链接更新答案。

粘贴一把小提琴或一个垃圾箱。我用这个来工作，谢谢。为什么不推荐使用javascript呢？JS行除了让左对齐右之外没有其他用途，我只能想象这是为了美观而不是功能。从我所读到的所有内容来看，人们普遍不赞成以这种方式使用javascript，即使您使用它来克服CSS中的限制。与使用CSS+JS使网站与设计相匹配相比，更好的做法是改变网站的设计，使之与CSS的功能相匹配。

<div class="container">
  <div class="row" id="row">
    <div class="col-sm-4" id="left">left</div>
    <div class="col-sm-8">
      <div class="row">
        <div class="col-sm-12">1</div>
      </div>
      <div class="row">
        <div class="col-sm-12">2</div>
      </div>
      <div class="row">
        <div class="col-sm-12">3</div>
      </div>
      <div class="row">
        <div class="col-sm-12">4</div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-sm-12">bottom</div>
  </div>
</div>

$('#left').outerHeight($('#row').innerHeight());