Высота столбца сетки

Question

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

<div class="ui grid"> 
    <div class="row"> 
     <div class="ten wide column"> 
      <div class="ui segment purple inverted"> 
       Text 
       <img class="ui fluid image" src="{{ asset('/img/pic1.jpg') }}"> 
      </div> 
     </div> 
     <div class="six wide column"> 
      <div class="ui segment purple inverted"> 
       Text 
       <div class="row"> 
        <img class="ui centered image" src="{{ asset('/img/pic2.jpg') }}"> 
       </div> 
       <div class="row"> 
        <img class="ui centered image" src="{{ asset('/img/pic3.jpg') }}"> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

Как с Equal Width Columns вы можете использовать equal height grid для достижения этой цели:

<div class="ui equal height grid"> 
    <div class="row"> 
     <div class="ten wide purple column">Text</div> 
     <div class="six wide red column"> 
      <div class="row">Text</div> 
      <div class="row">Text</div> 
      <div class="row">Text</div> 
      <div class="row">Text</div> 
     </div> 
    </div> 
</div> 

http://jsfiddle.net/pq1oka3n/1/

Answer 2

Семантический 2,0 года это stretched.

<div class="ui three column stretched grid"> 
<div class='column'> 
    A 
</div> 
<div class='column'> 
    B 
</div> 
<div class='column'> 
    C 
</div> 
</div>