Bootstrap Column Vertical Alignment

Bootstrap Column Controls have a Vertical Alignment property which defines how the column is aligned within its parent Bootstrap Row.

The alignment can be set to:

Start The column is positioned closest to the top of the Bootstrap Column Control
End The column is positioned closest to the bottom of the Bootstrap Column Control
Center The column is positioned closest to the center of the Bootstrap Column Control.

For responsive vertical alignment use the Bootstrap class align-self-{bp}-{start|end|center|stretch}

Steps

Create a new form with a Bootstrap4 Presentation Template.

Add a bootstrap row giving the row a height of 400 px. Insert three column controls with different background colours using the classes bg-primary, bg-secondary and bg-success.