Базовая верстка для каталога элементов

Используйте классы flex d-flex flex-wrap.  В этом случае элементы будут иметь одинаковую высоту. 

Пример: 

<div class="d-flex flex-wrap  s1">
	<div>1111111 111111111111 222222222222   2222222222222 3333 444445 5555555 66666 </div>
    <div>1111111 111111111111 222222222222   2222222222222 </div>
    <div>1111111 111111111111 222222222222   2222222222222  3333 444445 5555555 66666</div>
    <div>1111111 111111111111 222222222222   2222222222222 </div>
    <div>1111111 111111111111 222222222222   2222222222222 </div>
    <div>1111111 111111111111 222222222222   2222222222222 </div>
    <div>1111111 111111111111 222222222222   2222222222222  3333 444445 5555555 66666</div>
    <div>1111111 111111111111 222222222222   2222222222222 </div>
    <div>1111111 111111111111 222222222222   2222222222222 </div>
    <div>1111111 111111111111 222222222222   2222222222222 </div>
    <div>1111111 111111111111 222222222222   2222222222222 </div>
    <div>1111111 111111111111 222222222222   2222222222222  3333 444445 5555555 66666 3333 444445 5555555 66666</div>
    <div>1111111 111111111111 222222222222   2222222222222 </div>
    <div>1111111 111111111111 222222222222   2222222222222 </div>
    <div>1111111 111111111111 222222222222   2222222222222 </div>
  
</div>

CSS (главное - установить ширину элемента): 

.s1{background: #fcc;}
.s1>div{background: #aaf; border: solid 1px #ccc; padding:10px; width: 200px; }

Примечание: в некоторых случаях верстку нельзя изменить, в этом случае используем CSS для установки flex: 

.s2{background: #fcc; display: flex; flex-wrap: wrap;}

Подробнее про Bootstrap flex - https://getbootstrap.com/docs/4.0/utilities/flex/