How to align element to bottom in a Bootstrap column?

in Bootstrap 4, you can use mt-auto on the column itself to align an item to the bottom. It should already be aligned to the left by default

In Bootstrap 4

For all the columns in the entire row use align-items-end class on the row

For a single column us align-self-end on the col

Docs: https://getbootstrap.com/docs/4.0/utilities/flex/#align-items

So it was pretty cool:

.bottom{
    position:absolute;
    bottom: 0.99rem;
}

If you don't want to play with css you can just set:

class="mb-0"

It will set margin bottom to zero and should drop your content to the bottom of whatever cell it's in You can align it in other directions similar way: mb, mt, mr, ml