JSFiddle - React, Tailwind, and code Playground

HTML

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

<hr />

Or inside a container

<div class="container">
  <div class="row">
    <div class="col">
      1 of 5
    </div>
    <div class="col">
      2 of 5
    </div>
    <div class="col">
      3 of 5
    </div>
    <div class="col">
      4 of 5
    </div>
    <div class="col">
      5 of 5
    </div>
  </div>
</div>

CSS

.row .col {
  border: 1px solid #000;
}