Вот статья про Bootstrap и 3 колонки одинаковой высоты.
Но лично мене не нравится такое решение.
Вот
решение в 3 правила адаптивное по ширине и высоте .
<main>
<div>
<p>Span</p><p>Span</p><p>Span</p><p>Span</p><p>Span</p>
</div>
<div>
<p>Span</p><p>Span</p><p>Span</p>
</div>
<div>
<p>Span</p><p>SpanSpanSpanSpan</p><p>Span</p><p>Span</p><p>Span</p><p>Span</p><p>Span</p><p>Span</p><p>Span</p>
</div>
</main>
main {
position:relative; /* должно быть отлично от static */
overflow:hidden;
}
div {
vertical-align:top;
position:relative;
display:inline-block;
z-index:1; /* заменить на background:gray; если плохо использовать z-index */
}
div:after {
content:'';
position:absolute;
left:0;right:0;
bottom:-1000%; /* здесь максимально возможная разница между блоками в процентах (здесь х10)*/
top:0;z-index:-1; /* заменить top на top:100%; если нужно забрать z-index */
background:gray;
}
