JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

<div class="container-fluid">
    <div class="row">

        <div class="col col-lg-3 col-sm-12 col-lg-push-6" style="background-color: purple" >
            Content 3rd
        </div>
        <div class="col col-lg-3 col-sm-12 col-lg-push-6" style="background-color: green">
            Content 4th
        </div>
        <div class="col col-lg-3 col-sm-12 col-lg-pull-6" style="background-color: blue">
            Content 1st
        </div>
        <div class="col col-lg-3 col-sm-12 col-lg-pull-6" style="background-color: pink">
            Content 2nd
        </div>   
    </div>
</div>

CSS

div.col {
    height: 300px;
}