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

Используйте классы 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/

Falcon Space - функциональная веб-платформа разработки на узком стеке MS SQL/Bootstrap. Вводная по Falcon Space
Насколько полезной была статья?

Google поиск по нашей документации

Falcon Space

Это снижение стоимости владения

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

Это быстрое внесение изменений

по ходу эксплуатации программы. Как создается функционал на платформе

Это простой удобный интерфейс

адаптация под мобильные устройства. Про юзабилити платформы

Нужна бесплатная консультация?
Получить оценку проекта
Создайте концепцию проекта на основе нашего шаблона и получите оценку проекта в виде КП.
Демо-сайт решений
Базисные решения, которые можно гибко адаптировать под себя: менять внешний вид, бизнес-логику и даже структуру базы данных.
Сайт использует Cookie. Правила конфиденциальности OK