<div class="container">
  <h3>列ごとに垂直方向のクラスを指定した例</h3>
  <div class="row">
    <div class="col align-self-start">
      3つの列の1列目（上揃え）<br>
      .align-self-start
    </div>
    <div class="col align-self-center">
      3つの列の2列目（中央揃え）<br>
      .align-self-center
    </div>
    <div class="col align-self-end">
      3つの列の3列目（下揃え）<br>
      .align-self-end
    </div>
  </div>
</div>

.row > [class*=col] {
    padding-top: .75rem;
    padding-bottom: .75rem;
    background-color: rgba(86,61,124,.15);
    border: 1px solid rgba(86,61,124,.2);
}
.row {
   min-height: 10rem;
   background-color: rgba(255,0,0,.1);
}

h3 {
  margin-top: 1rem;
  text-align: center;
}