JSFiddle - React, Tailwind, and code Playground

by Arshad Muhammed

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<div class="col-md-8" style="background:yellow;height:100px;"></div>
<div class="col-md-4 float" style="background:red;height:200px;"></div>
<div class="col-md-4" style="background:green;height:200px;"></div>
<div class="col-md-4" style="background:blue;height:100px;"></div>
<div class="col-md-8" style="background:purple;height:100px;"></div>
<!-- Please resize the view to medium to see -->

CSS

@media (min-width: 992px) {
    .float {
        float:right!important;
    }
}