JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<div class="row">
	<div class="col-md-8">text</div>
	<div class="col-md-4">
		<div class="row">
			<div class="col-md-12 col-sm-4">
				text
			</div>
			<div class=" col-sm-4">
				<img class="img-responsive" src='http://placehold.it/350x150'/>
			</div>
			<div class="col-sm-4">
				<img class="img-responsive" src='http://placehold.it/350x150'/>
			</div>
		</div>
	</div>
</div>

CSS

.row {
    background: #eee;
    text-align: center;
}
.col-md-8 {
    background: red;
}