Как задать одинаковую высоту миниатюрам (thumbnail)?
0
<div class="container">
<div class="row">
<div class="col-lg-4">
<div class="thumbnail">
<img src="assets/img/image.jpg" alt="">
<div class="caption">
<h2>Текст</h2>
<hr>
<p>Текст Текст Текст </p>
<p><a href="#" class="btn btn-primary" role="button">кнопка 1</a> <a href="#" class="btn btn-default" role="button">Кнопка 2</a></p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="thumbnail">
<img src="assets/img/image.jpg" alt="">
<div class="caption">
<h2>Текст</h2>
<hr>
<p>Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст </p>
<p><a href="#" class="btn btn-primary" role="button">кнопка 1</a> <a href="#" class="btn btn-default" role="button">Кнопка 2</a></p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="thumbnail">
<img src="assets/img/image.jpg" alt="">
<div class="caption">
<h2>Текст</h2>
<hr>
<p>Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст Текст </p>
<p><a href="#" class="btn btn-primary" role="button">кнопка 1</a> <a href="#" class="btn btn-default" role="button">Кнопка 2</a></p>
</div>
</div>
</div>
</div>
</div>
Для выравнивания нужно, чтобы между кнопками и текстом оставалось просто пустое место, а миниатюры равнялись по самой большей.