Twitter bootstrap Div表格布局-单元格高度相同

我在Bootstrap中进行布局，我的css如下所示（为调试设置背景色）：

{categories%%中的类别为%s}
{{category.name}
{%endfor%}

其效果是：

---

我希望textarea与右侧按钮的高度相同。问题是它的表格单元格没有达到全高，所以也没有进入文本区域。如何使此表格单元格与右侧的相同高度？

我认为您需要删除

表格单元格上的浮动（浮动：左侧是通过引导添加的）


<div class="row" style="display: table; width: 100%; height: 100%; background-color: red;">
    <div class="col-md-8" style="display: table-cell; height: 100%; background-color: blue;">
        <textarea id="events-text" class="form-control" style="height: 100%;"></textarea>
    </div>
    <div class="col-md-4" style="display: table-cell;">
        <div class="btn-group-vertical" style="width: 100%;">
            {% for category in categories %}
            <button class="btn btn-default btn-xs category-select">
               {{ category.name }}
            </button>
            {% endfor %}
        </div>
    </div>
</div>