JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<div class="container">
    <div class="row">
        <div id="content" class="main-content-inner col-sm-12 col-md-8 bg">
        </div>
        <div class="sidebar col-sm-12 col-md-4 bg">
        </div>
    </div>
</div>

CSS

body{
    background: url(http://lorempixel.com/output/people-q-c-640-480-7.jpg) no-repeat;
    background-size:cover;
}

.bg {
    background-color: #fff;
    min-height:150px;
}

.sidebar {
    padding-top: 40px;
    width:31%;
    margin-left:2.3333%;
}