bootstrap 3 divs in a row mobile code example

Example 1: .col-6 bootstrap

.col-6{
	flex: 0 0 50%;
	max-width: 50%;
}

Example 2: how will it look when there is a container inside a a row bootstrap

<div class="container">
  <div class="row">
    <div class="col align-self-start">
      One of three columns
    </div>
    <div class="col align-self-center">
      One of three columns
    </div>
    <div class="col align-self-end">
      One of three columns
    </div>
  </div>
</div>