JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.cs"></script>
<div class="container">
	<div class="row">
		<div class="table-row">
			<div class="mycolumn" id="sidebar">
Sidebar area
			</div>

            <div class="mycolumn" id="content"><p>content area</p><p>some more content</p></div>
		</div>
	</div>
</div>

CSS

#sidebar{
	width: 250px;
	background-color: #eaeff1;
}
.table-row {
	display: table-row;
}
.mycolumn {
	display: table-cell;
	padding: 15px;
}
#content {
	background-color:#00eff0;
    /* width:100%; */
}

div {
	outline: 1px solid #3a87ad;
}