JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<div class="container">
    <div class="logo col-sm-4 col-xs-6 col-sm-push-4">Logo<br/>Logo</div>
    <div class="contentB col-sm-4 col-xs-6 col-sm-pull-4">B</div>
    <div class="contentA col-sm-4 col-xs-6 col-xs-offset-6 col-sm-offset-0">A</div>
</div>

CSS

.logo, .contentA, .contentB {
    text-align: center;
    line-height: 50px;
    font-weight: bold;
    color: #FFF;
}
.logo {
    background-color: #A00;
}
.contentA {
    background-color: #00A;
}
.contentB {
    background-color: #0A0;
}