Как поправить разметку?

Question

[Artem0071]

Имеется сетка пользователей (взял из шаблона)

<div class="row">
      <div class="col-lg-3 col-sm-6">
        <div class="thumbnail">
          <div class="thumb">
            <img src="../assets/images/placeholder.jpg" alt="">
            <div class="caption-overflow">
                <span>
                  <a href="#" class="btn btn-info">View profile</a>
                </span>
            </div>
          </div>

          <div class="caption text-center">
            <h6 class="text-semibold no-margin">Lorem ipsum</h6>
            <p class="text-muted mb-15 mt-5">
              Nunc tincidunt libero ut mollis tempor. Curabitur tempor erat quam. Sed nisl enim, gravida et aliquam accumsan, volutpat elementum ex.             </p>

            <ul class="icons-list icons-list-extended">
              <li><a href="#" data-popup="tooltip" title="" data-original-title="Dribbble"><i class="icon-dribbble3"></i></a></li>
              <li><a href="#" data-popup="tooltip" title="" data-original-title="Github"><i class="icon-github"></i></a></li>
              <li><a href="#" data-popup="tooltip" title="" data-original-title="Twitter"><i class="icon-twitter"></i></a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>

Но если последний блок меньше, чем есть в строке, то выходит вот такое:


Пытался всовывать flex, но я не очень хорошо разбираюсь в css, так что у меня ничего хорошего не вышло.
Как это можно исправить?

Answer 1

[Rheinmetall]

Как сделать колонки одинаковой высоты в Bootstrap3?

Answer 2

[Nikita Shchypylov]

Дать фиксированную высоту

Comments

[Artem0071]

а что более оптимальное? у меня где то может быть описание, а где то нет