JSFiddle - React, Tailwind, and code Playground

by Iman Fakhar

HTML

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<div id="fakhar">
<div class="row">
		<div class="bg-danger col-xs-12"><span class="after">&nbsp;</span></div>
		<div class="bg-info col-xs-11"><span class="after">&nbsp;</span></div>
		<div class="bg-warning col-xs-1"><span class="after">&nbsp;</span></div>
		<div class="bg-success col-xs-2"><span class="after">&nbsp;</span></div>
		<div class="bg-primary col-xs-10"><span class="after">&nbsp;</span></div>
		<div class="bg-info col-xs-9"><span class="after">&nbsp;</span></div>
		<div class="bg-warning col-xs-3"><span class="after">&nbsp;</span></div>
		<div class="bg-success col-xs-4"><span class="after">&nbsp;</span></div>
		<div class="bg-primary col-xs-8"><span class="after">&nbsp;</span></div>
		<div class="bg-info col-xs-7"><span class="after">&nbsp;</span></div>
		<div class="bg-warning col-xs-5"><span class="after">&nbsp;</span></div>
		<div class="bg-success col-xs-6"><span class="after">&nbsp;</span></div>
		<div class="bg-danger col-xs-6"><span class="after">&nbsp;</span></div>
		<div class="bg-info col-xs-10"><span class="after">&nbsp;</span></div>
		<div class="bg-warning col-xs-1"><span class="after">&nbsp;</span></div>
		<div class="bg-primary col-xs-1"><span class="after">&nbsp;</span></div>
		<div class="bg-danger col-xs-2"><span class="after">&nbsp;</span></div>
		<div class="bg-info col-xs-3"><span class="after">&nbsp;</span></div>
		<div class="bg-danger col-xs-7"><span class="after">&nbsp;</span></div>
		<div class="bg-success col-xs-4"><span class="after">&nbsp;</span></div>
		<div class="bg-primary col-xs-4"><span class="after">&nbsp;</span></div>
		<div class="bg-info col-xs-4"><span class="after">&nbsp;</span></div>
		<div class="bg-warning col-xs-3"><span class="after">&nbsp;</span></div>
		<div class="bg-success col-xs-3"><span class="after">&nbsp;</span></div>
		<div class="bg-info col-xs-3"><span class="after">&nbsp;</span></div>
		<div...

CSS

#fakhar>.row>div {
	min-height:120px;
}

JavaScript

$(".after").each(function() {
var cls = $(this).parent("div").attr("class");
var cls = cls.replace("bg-success col-xs-", '');
var cls = cls.replace("bg-primary col-xs-", '');
var cls = cls.replace("bg-info col-xs-", '');
var cls = cls.replace("bg-warning col-xs-", '');
var cls = cls.replace("bg-danger col-xs-", '');
$(this).text(cls);
})