margin: -9999px 0; + padding: 9999px 0;

by Sergey Linnick

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css">
<div class="container">
  <div class="row">
  <div class="col-sm-4">
    <div class="colums">
      1
    </div>
  </div>

  <div class="col-sm-4">
    <div class="colums">
      2
    </div>
  </div>

  <div class="col-sm-4">
    <div class="colums">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nesciunt earum ipsum alias voluptate praesentium, at sint autem doloribus! Quia provident voluptas fugiat temporibus illum facilis quas voluptatem, dolores qui earum? Sapiente maxime blanditiis voluptatem voluptatibus illo dolor non, excepturi accusamus beatae quo harum incidunt laborum, eligendi ut iusto possimus illum.
    </div>
  </div>
</div>
</div>

CSS

body{
  background: silver;
}
.row{
 overflow:hidden;  
}
.colums{
  margin: -9999px 0;
  padding: 9999px 0;
  border:1px solid silver;
  background: #fff;
}