Bootstrap 3 - 列内div的100％高度div

Question

与我发现的其他帖子略有不同，因为这是一个嵌套的div。 我有3列蓝色背景，嵌套如下。嵌套对于我的设计中的布局填充非常重要。

因为它背景/ div不会达到100％全高。 我尝试过在其他帖子中找到的一些不同的东西（显示：表格和显示：table-cell），但是因为蓝色背景在内部div上，这不会延伸。我无法将bluepanel移动到父级，因为填充然后消失。

以下是我需要处理的代码。

<div class="row" style="border:1px solid red">
<div class="col-md-4">
    <div class="col-md-12 panelblue">
        some text col 1
    </div>
</div>
<div class="col-md-4">
    <div class="col-md-12 panelblue">
        some text col 2
    </div>
</div>
<div class="col-md-4">
    <div class="col-md-12 panelblue">
        some text col 3
    </div>
</div>

http://www.bootply.com/M4fw8dYcsI