股利表佈局 - 細胞相同的高度

Question

我做佈局，引導，我的CSS是如下（調試背景色設置）：

<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與右側的按鈕具有相同的高度。問題是它的表格單元格不能全高，所以也不會去textarea。我怎樣才能讓這個表格單元格的高度與右側的高度相同？

Answer 1

我認爲你需要刪除的table-cell彩車（浮動：左正被引導加入）..

http://www.bootply.com/116934