Bootstrap 4 Align Bottom

I have a full-page bootstrap layout, and on the first page I need something aligned to middle & bottom. There is a background image (first div), and a darker layer on it (secon

Solution 1:

Bootstrap has a very handy .align-bottom class. You can read about it here

<span class="align-bottom">bottom</span>

Solution 2:

Set the parent element position: relative then set the poisition for the element you want to be down the bottom to position: absolute then set its bottom to 0 bottom: 0 this will position it to the bottom of its parent container this might also break how you are centering the element so you will have to add left: 0 and right: 0

Solution 3:

If you want it to be vertically centered, use my-auto margin y auto, which brings it to the center