JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<div class="container-fluid">
<div class="row-fluid">
<div class="span3">
<a href="#"><img alt="" src="http://placehold.it/128x128"/></a>
</div>
<div class="span3">
<strong><h5>3750 Commercial Grade Packaging Tape</h5></strong>
<br />
Scotch
<br />
SKU: MMMM12345
<br />
<i class="icon-repeat"></i>
<h:outputText value=" " />
<i class="icon-flag"></i>
<h:outputText value=" " />
<i class="icon-heart"></i>
</div>
<div class="span2">
$180.96
</div>
<div class="span1">
PK
</div>
<div class="span3 text-right">
<div class="span4">QTY</div>
<div class="span4">
<input class="span12" type="text" id="productQuantity" />
</div>
<div class="span4">
<i class="icon-plus-sign"></i>
<br />
<i class="icon-minus-sign"></i>
</div>
<div class="span12">
<button id="addToCartBtn" class="btn btn-large btn-primary" type="button">Add To Cart</button>
</div>
</div>
</div>
</div>
CSS
.divBorder
{
background-color:#eee;
border: 1px solid #888;
border-radius:3px;
}