Div сервировки - Клетки же высоты

Question

Я делаю макет в Bootstrap, мой КСС следующим образом (набор цвет фона для отладки):

<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> 

и эффект:

Я хочу, чтобы textarea проходила на той же высоте, что и кнопки справа. Проблема в том, что это ячейка таблицы не достигает полной высоты, поэтому не идет текстовая область. Как я могу сделать эту таблицу-ячейку равной высоте, чем справа?

Answer 1

Я думаю, что вам нужно удалить поплавки на table-cell (флоат: слева добавляется по Bootstrap) ..

http://www.bootply.com/116934