JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div class="container">
  <div class="row">
    <div class="col-xs-8 col-sm-4">
      A
    </div>
    <div class="col-sm-6 col-md-6 col-xs-12 ">
      B
    </div>
    <div class="col-xs-4 col-sm-2 col-md-2 column_c">
      C
    </div>
    <div class="clearfix"></div>
  </div>
</div>

CSS

@media screen and (max-width:768px) {
  .column_c {
    position:absolute;
    right:0;
  }
}