title: Align bootstrap columns
body: <p>On my website (team section) I have something like this 6x :</p>
  
  <pre><code>      &lt;div class="row"&gt;
        &lt;div class="col-xs-6 col-md-4"&gt;
          &lt;div class="team-member"&gt;
            &lt;div class="image" style="background-image:url(../images/female-employee.png)"&gt;
            &lt;/div&gt;
            &lt;p class="name"&gt;Jane Doe&lt;/p&gt;
            &lt;p class="position"&gt;Sells&lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p>The issue is that I don't know how to align the last 2 ones to the middle of the bag, like on the illustration below.</p>
  
  <p>How can I achieve this?</p>
  
  <p>Many thanks,
  <a href="https://i.stack.imgur.com/6t9DY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6t9DY.png" alt="enter image description here"></a></p>