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 class="col-lg-6 col-md-6 col-sm-6 left">
           Left Container
        </div><!-- /.col-6 -->
        <div class="col-lg-6 col-md-6 col-sm-6 right">
            Right Container
        </div><!-- /.col-6 -->
    </div><!-- /.row -->
</div><!-- /.container -->

CSS

.container{
    width: 100%;
    padding-left: 120px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.left{
    background-color: #999;
    height: 50px;
}
.right{
    background-color: #49c8ff;
    height: 50px;
    padding: 30px 0px;
}