Есть ли способ сделать неровный div в фундаменте Zurb 5?

Question

Я знаю использование блочной сетки в Foundation .. Теперь я хочу сделать неровные div, например, две строки и три столбца. В столбцах слева есть один div в каждой строке. То же самое касается столбца справа. Столбец в середине должен иметь только один div, расширяющийся до полной длины двух строк. Можно ли сделать это в Foundation 5?

Answer 1

Я не уверен, правильно ли я понимаю проблему - вы хотите иметь соответствующие столбцы высоты независимо от содержимого?

Если это так, плагин для выравнивания Foundation справится с этим. Надеюсь, что это помогает :)

Equalizer plugin for Foundation

Answer 2

Возможно вы можете решить проблему с помощью nested grids:

<div class="row"> 
    <div class="small-4 columns"> 
    <div class="row"> 
     <div class="small-12 columns">Nested</div> 
     <div class="small-12 columns">Nested</div> 
    </div>  
    </div> 
    <div class="small-4 columns" style="background-color:green;color:white;">Middle<br>next row</div> 
    <div class="small-4 columns"> 
    <div class="row"> 
     <div class="small-12 columns">Nested</div> 
     <div class="small-12 columns">Nested</div> 
    </div>  
    </div> 
</div>