← Комьюнити

Как задать одинаковую высоту миниатюрам (thumbnail)?

Артём Благинин2 ответов
<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>

Для выравнивания нужно, чтобы между кнопками и текстом оставалось просто пустое место, а миниатюры равнялись по самой большей.

2 ответов

min-height можно задать

Виталий Савкин2

Спасибо

Артём Благинин