<divclass="sm-4 col">to be evenly spaced (flex-spaces)</div>
</div>
<divclass="row flex-top">
<divclass="sm-4 col">Aligned top</div>
<divclass="sm-4 col">Aligned top</div>
<divclass="sm-4 col">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lorem lectus, lobortis a nibh non, luctus luctus erat posuere. Curabitur ac turpis aliquam, malesuada elit suscipit, blandit dolor.
</div>
</div>
<divclass="row flex-middle">
<divclass="sm-4 col">Aligned middle</div>
<divclass="sm-4 col">Aligned middle</div>
<divclass="sm-4 col">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lorem lectus, lobortis a nibh non, luctus luctus erat posuere. Curabitur ac turpis aliquam, malesuada elit suscipit, blandit dolor.
</div>
</div>
<divclass="row flex-bottom">
<divclass="sm-4 col">Aligned bottom</div>
<divclass="sm-4 col">Aligned bottom</div>
<divclass="sm-4 col">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lorem lectus, lobortis a nibh non, luctus luctus erat posuere. Curabitur ac turpis aliquam, malesuada elit suscipit, blandit dolor.
</div>
</div>
<divclass="row">
<divclass="sm-3 col align-bottom">Align bottom</div>
<divclass="sm-3 col align-middle">Align middle</div>
<divclass="sm-3 col align-top">Align top</div>
<divclass="sm-3 col">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lorem lectus, lobortis a nibh non, luctus luctus erat posuere. Curabitur ac turpis aliquam, malesuada elit suscipit, blandit dolor.
<divclass="sm-4 col">to be evenly spaced (flex-spaces)</div>
</div>
<divclass="row flex-top">
<divclass="sm-6 col">Aligned top</div>
<divclass="sm-6 col">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lorem lectus, lobortis a nibh non, luctus luctus erat posuere. Curabitur ac turpis aliquam, malesuada elit suscipit, blandit dolor.
</div>
</div>
<divclass="row flex-middle">
<divclass="sm-6 col">Aligned middle</div>
<divclass="sm-6 col">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lorem lectus, lobortis a nibh non, luctus luctus erat posuere. Curabitur ac turpis aliquam, malesuada elit suscipit, blandit dolor.
</div>
</div>
<divclass="row flex-bottom">
<divclass="sm-6 col">Aligned bottom</div>
<divclass="sm-6 col">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lorem lectus, lobortis a nibh non, luctus luctus erat posuere. Curabitur ac turpis aliquam, malesuada elit suscipit, blandit dolor.
</div>
</div>
<divclass="row">
<divclass="sm-3 col align-bottom">Align bottom</div>
<divclass="sm-3 col align-middle">Align middle</div>
<divclass="sm-3 col align-top">Align top</div>
<divclass="sm-3 col">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lorem lectus, lobortis a nibh non, luctus luctus erat posuere. Curabitur ac turpis aliquam, malesuada elit suscipit, blandit dolor.