Bootstrap 4 aligning row to the bottom of a container

Try to add align-self-end class to the div with col class

<div class="col align-self-center">

For bootstrap 4, you can use the shorthand classes and set mt-auto, which will have the effect of aligning your element to the bottom of the container.

https://getbootstrap.com/docs/4.0/utilities/spacing/


you can do this with

position:absolute;
bottom:0;
But it's not a proper way to do this. You can add near to your col class

align-self-center