Snippets > Bootstrap Vertical Alignment


#bootstrap

Vertical alignment across columns using Bootstrap.

Example:

Title

Description

Title

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>