Search results
Arrange elements easily with the edge positioning utilities. The format is {property}-{position}. Where property is one of: top - for the vertical top position. start - for the horizontal left position (in LTR) bottom - for the vertical bottom position. end - for the horizontal right position (in LTR) Where position is one of:
Bootstrap 5 (update 2021) mt-auto or align-self-end can still be used to bottom align content in a flexbox (d-flex) div. Bootstrap 4 (original answer) As explained here, align bottom doesn't work inside a display:block. Use display table-cell or flexbox to align to the bottom. with table-cell.
Change the alignment of elements with the vertical-alignment utilities. Please note that vertical-align only affects inline, inline-block, inline-table, and table cell elements. Choose from .align-baseline, .align-top, .align-middle, .align-bottom, .align-text-bottom, and .align-text-top as needed. With inline elements:
Arrange elements easily with the edge positioning utilities. The format is {property}-{position}. Where property is one of: top - for the vertical top position. start - for the horizontal left position (in LTR) bottom - for the vertical bottom position. end - for the horizontal right position (in LTR) Where position is one of:
Configure positions in Bootstrap 5 by aligning the content to the top, bottom, left (start}, right (end}, or center of a page. Learn how to easily arrange elements.
Bootstrap 5 vertical alignment utilities position elements on the y-axis. You can center your content with it or align it to the top or the bottom of the viewport.
Change the alignment of elements with the vertical-alignment utilities. Please note that vertical-align only affects inline, inline-block, inline-table, and table cell elements. Choose from .align-baseline, .align-top, .align-middle, .align-bottom, .align-text-bottom, and .align-text-top as needed.
