Check out example codes for "bootstrap flex vertical align". It will help you in understanding the concepts better.

Code Example 1

<div class="d-flex align-items-start">...</div>
<div class="d-flex align-items-end">...</div>
<div class="d-flex align-items-center">...</div>
<div class="d-flex align-items-baseline">...</div>
<div class="d-flex align-items-stretch">...</div>

Learn ReactJs, React Native from akashmittal.com