JSFiddle - React, Tailwind, and code Playground

by fatCop

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<div class="row border-green">
    <div class="col-xs-6">
        <div class="border-red">
            aaaa<br>
            bbbb<br>
            cccc
        </div>
        <div class="border-red">
            dddd
        </div>
    </div>
    <div class="col-xs-6 border-blue">
        eeee<br>
        ffff<br>
    </div>
</div>

CSS

.border-red {
    border-style: solid;
    border-width: 2px;
    border-color: #FF0000;
}
.border-blue {
    border-style: solid;
    border-width: 2px;
    border-color: #2E2EB8;
}
.border-green{
    border-style: solid;
    border-width: 2px;
    border-color: #00CC00;
}