JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">


		<div class="row" >
			<div class="col-sm-6 col-md-3">
			  <div id="house-container">
			  <div class="thumbnail">
				 <img src="http://blog.gettyimages.com/wp-content/uploads/2013/01/Siberian-Tiger-Running-Through-Snow-Tom-Brakefield-Getty-Images-200353826-001.jpg" 
				 alt="Generic placeholder thumbnail" />
			  </div>
			  <div class="caption">
				 <h3>Ice Cold Frosted Flakes</h3>
					<button type="button" class="btn btn-success">Thank You</button>
					<span class="badge">10</span>
					<button type="button" class="pull-right btn btn-danger">Stack OF</button>
			  </div>
		   </div>
		   </div>
		</div>

CSS

html, body, .row, .col-xs-6, { height: 100% }
				
#house-container{
background-color:#eee;
border: 1px solid #888;
border-radius:3px;
padding: 20px 5px;
margin: 5px 1px
}