JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">


    <div class="container">
    <div class="row">
      <div class="col-xs-10">
      <div class="row vdivide">
        <div class="col col-sm-3 text-center"><h1>One</h1></div>
        <div class="col col-sm-3 text-center"><h1>Two</h1></div>
        <div class="col col-sm-3 text-center"><h1>Three</h1></div>
        <div class="col col-sm-3 text-center"><h1>Four</h1></div>
      </div>
      </div>
      </div>
    </div>

CSS

.col:not(:last-child):after {
      background: #e0e0e0;
      width: 1px;
      content: "";
      display:block;
      position: absolute;
      top:0;
      bottom: 0;
      right: 0;
      min-height: 70px;
    }