Center vertically in column

One way to vertically center is to use my-auto . This will center the element within it’s flexbox container (The Bootstrap 4 . row is display:flex ). For example, h-100 makes the row full height, and my-auto will vertically center the col-sm-12 column.

<div class="col-sm-9 my-auto">Text here</div>

Leave a Reply

Your email address will not be published. Required fields are marked *