JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.min.css">
<!-- this is my requirement -->
<div class="row red white">
    <div class="col-sm-12 col-sm-push-0">.col-sm-9 .col-sm-push-3</div>
    <div class="col-sm-12 col-sm-pull-0">.col-sm-3 .col-sm-pull-9</div>
</div>
<!-- original example with no 100% divs -->
<div class="row blue white">
    <div class="col-sm-9 col-sm-push-3">.col-sm-9 .col-sm-push-3</div>
    <div class="col-sm-3 col-sm-pull-9">.col-sm-3 .col-sm-pull-9</div>
</div>

CSS

.red {
    background: red;
}
.blue {
    background: blue;
}
.white {
    color: #fff;
}