JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="element">
<div class="name">Lorem ipsum nibh sapien sed vivamus nibh sapien sed vivamus nibh sapien sed vivamus</div>
<button>Просто кнопка</button>
</div>
</div>
<div class="col-md-3">
<div class="element">
<div class="name">Lorem ipsum nibh sapien sed vivamus</div>
<button>Просто кнопка</button>
</div>
</div>
<div class="col-md-3">
<div class="element">
<div class="name">Tempus magna vitae mauris leo commodo sapien in nibh eget bibendum odio diam arcu, sem magna, proin donec.</div>
<button>Просто кнопка</button>
</div>
</div>
<div class="col-md-3">
<div class="element">
<div class="name">Eu, ligula sed tellus morbi, sed, pharetra enim </div>
<button>Просто кнопка</button>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3">
<div class="element">
<div class="name">Lorem ipsum nibh sapien sed vivamus</div>
<button>Просто кнопка</button>
</div>
</div>
<div class="col-md-3">
<div class="element">
<div class="name">Eu, ligula sed tellus morbi, sed, pharetra enim bibendum pellentesque non: ipsum mauris eget </div>
<button>Просто кнопка</button>
</div>
</div>
<div class="col-md-3">
<div class="element">
<div class="name">Lorem ipsum nibh sapien sed vivamus</div>
<button>Просто кнопка</button>
</div>
</div>
<div class="col-md-3">
<div class="element">
<div class="name">Tempus magna vitae mauris leo commodo sapien in nibh eget bibendum odio diam arcu.</div>
<button>Просто кнопка</button>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3">
<div class="element">
...
CSS
.col-md-3 {
display: flex;
}
.element {
border: 1px solid #333;
padding: 15px;
margin-bottom: 15px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
button {
margin-top: 15px;
}