<div class="row">
  <div class="col align-self-start">
    Top aligned column
  </div>
  <div class="col align-self-center">
    Center aligned column
  </div>
  <div class="col align-self-end">
    Bottom aligned column
  </div>
</div>
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.