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="container">
    <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>
</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: 10px;
    padding-left: 10px;
}
.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;
    }
}