Align Divs

by rdenver6

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="container-fluid">
  <div class="row row-eq-height">
    <div class="col-xs-4">
      <div class="text-block">
        <div class="title">
          Lorem Ipsum
        </div>
        <div class="body">
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis ornare diam. Pellentesque sit amet eleifend leo. Vivamus dignissim nunc a enim ultrices luctus.
        </div>
        <div class="button">
          <a href="#">
            <div class="button-text">
              Button
            </div>
          </a>
        </div>
      </div>
	  </div>
      <div class="col-xs-4">
        <div class="text-block">
          <div class="title">
            Lorem Ipsum Dolor
          </div>
          <div class="body">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis ornare diam. Vivamus dignissim nunc a enim ultrices luctus.
          </div>
          <div class="button">
            <a href="#">
              <div class="button-text">
                Button
              </div>
            </a>
          </div>
        </div>
      </div>
      <div class="col-xs-4">
        <div class="text-block">
          <div class="title">
            Lorem Ipsum Dolor Sit Amet
          </div>
          <div class="body">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. In quis ornare diam.Pellentesque sit amet eleifend leo. Vivamus dignissim nunc a enim ultrices luctus.
          </div>
          <div class="button">
            <a href="#">
              <div class="button-text">
                Button
              </div>
            </a>
          </div>
        </div>
      </div>    
  </div>
</div>

CSS

.row-eq-height {display:flex; flex-wrap:wrap;}
.row-eq-height > [class*='col-'] {
    display: flex;
    flex-direction: column;
}
.col-xs-4 {background-color:lightblue;}
.button-text {
  padding: 20px;
  border: 1px solid gray;
}

.title {
  font-size: 2em;
  font-weight: bold;
}