JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div class="row text-center">
  <div class="col-sm-3">
  </div>
  <div class="col-sm-2 box">
    one box
  </div>
  <div class="col-sm-2 box">
    two box
  </div>
  <div class="col-sm-2 box">
    three box
  </div>
  <div class="col-sm-3">
  </div>
</div>

CSS

.row{
  background-color: grey;
}
.box {
  background-color: peachpuff;
  height: 200px;
  border: solid black;
  margin:20px;
}