JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<div class="row">
  <div class="col-md-5ths col-xs-6"> <span>.col-md-5ths</span>

  </div>
  <div class="col-md-5ths col-xs-6"> <span>.col-md-5ths</span>

  </div>
  <div class="col-md-2 col-xs-6"> <span>.col-md-2</span>

  </div>
  <div class="col-md-2 col-xs-6"> <span>.col-md-2</span>

  </div>
  <div class="col-md-3 col-xs-6"> <span>.col-md-3</span>

  </div>
</div>

CSS

.row > div {
  border: 1px solid black;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-5ths {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left;
  }
}