Bootstrap 4 - JSFiddle

flex around Bootstrap 4

by Austin Anderson

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">
<div class="benefits">


  <h2>Benefits</h2>
  <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.</p>
  
  <div class="row justify-content-around">
    <div class="col-md-3"><div class="content">
    
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</div>
    </div><div class="col-md-3 offset-md-1"><div class="content">Lorem ipsum dolor sit amet, consetetur sadipcoscing elitr, sed diam nonumy eirmod tempor</div></div>
    <div class="col-md-3 offset-md-1"><div class="content">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor</div></div>
  </div>

</div>

CSS

.benefits {
  background-color: #c4ebf1;
  height:600px;
}
.benefits h2,
.benefits p {
  text-align: center;
}

.content {
  background-color: white;
  border-radius: 6px;
  min-height: 210px;
}