JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<div class="col-md-4" style="height:100px;background:red;">A</div>
<div class="col-md-8 float" style="height:100px;background:blue">C</div>
<div class="col-md-4" style="height:100px;background:green">B</div>

CSS

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