JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<div class="container">

<div class="grid">


    <div class="item col-md-15">
      <div class="item-wrap">
       content
      </div>
    </div>
    
    <div class="item col-md-15">
      <div class="item-wrap">
       content
      </div>
    </div>
    
    <div class="item col-md-15">
      <div class="item-wrap">
       content
      </div>
    </div>
    
    <div class="item col-md-15">
      <div class="item-wrap">
       content
      </div>
    </div>
    
    <div class="item col-md-15">
      <div class="item-wrap">
       content
      </div>
    </div>
    </div>
    </div>

CSS

.col-xs-15,
    .col-sm-15,
    .col-md-15,
    .col-lg-15 {
        position: relative;
        min-height: 1px;
    }
    .col-xs-15 {
        width: 20%;
        float: left;
    }
    
    @media (min-width: 768px) {
    .col-sm-15 {
            width: 20%;
            float: left;
        }
    }
    @media (min-width: 992px) {
        .col-md-15 {
            width: 20%;
            float: left;
        }
    }
    @media (min-width: 1200px) {
        .col-lg-15 {
            width: 20%;
            float: left;
        }
    }
    .grid{width:100%}
    
        .item {
      border: 1px solid #efefef;
      padding:10px;
      float:left; /* added for demo fiddle*/
    }
    .item.last {
      margin-right: 0;
    }
    
    .item:not(:last-child) {
      margin-right:10px;
    }