Snippets > Bootstrap Vertical Alignment
Vertical alignment across columns using Bootstrap.
Example:
Description
Description
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Code:
<div class="row h-100">
<div class="col-6">
<div class="h-100 d-flex flex-column justify-content-center border border-dark p-3 bg-light">
<div class="w-50">
<h2>Title</h2>
<p>Description</p>
</div>
</div>
</div>
<div class="col-6">
<div class="h-100 d-flex flex-column justify-content-center border border-dark p-3 bg-light">
<div class="w-50">
<h2>Title</h2>
<p>Description</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
</div>
</div>