Css 用引导填充剩余高度

我有一个网页。我的网页使用引导版本3。目前，它看起来像这样：

<div class="row">
  <div class="col-lg-4">
    Stuff here
  </div>

  <div class="col-lg-8">
    Other stuff here
  </div>
</div>

<div class="row">
  <div class="col-lg-12">
    <div id="fillAvailableSpace">
      [Main content goes here]
    </div>
  </div>
</div>

<div class="row">
  <div class="col-lg-6">
    Other text goes here
  </div>

  <div class="col-lg-6 pull-right">
    Some text goes here
  </div>
</div>

这里的东西
这里还有其他东西
[主要内容如下]
其他文本在这里
这里有一些文字

---

我需要id为“fillAvailableSpace”的

div

来填充屏幕的可用高度，但第一行和最后一行的大小除外。如何使用引导填充页面的剩余可用高度？

尝试以下方法：

Element-name {
display: inline-flex;
height: 100%;
}