Basic layout for the catalog of elements

Use classes flex d-flex flex-wrap.  In this case, the elements will have the same height. 

Example: 

<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 (the main thing is to set the width of the element): 

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

Note: in some cases, the layout cannot be changed, in this case we use CSS to install flex: 

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

More about Bootstrap flex - https://getbootstrap.com/docs/4.0/utilities/flex/

Falcon Space is a functional web development platform on a narrow stack MS SQL/Bootstrap. Falcon Space Gettting started
{sp-shortDemostandLinks}
Note