Bootstrap 3 Template
This is a simple Twitter Bootstrap 3 template. You can fork it to get a ready to use Bootstrap 3 fiddle.
by Rob Sedgwick
HTML
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div class="container">
<div class="row row-odd">
<div class="col-md-3 col-sm-6 product">
<div>
<div class="product-image"> <a class="thumbnail" href="http://www.greenbook.club/shop/index.php/modern-fiction/97818476776553">
<img src="http://www.greenbook.club/images/9781847677655.png"> </a>
</div>
<h5>
<a href="http://www.greenbook.club/shop/index.php/modern-fiction/97818476776553">ISBN: 9781847677655</a>
</h5>
<h5>
<a href="http://www.greenbook.club/shop/index.php/modern-fiction/97818476776553">Title: Beatrice and Virgil by Yann Martel</a>
</h5>
<div> <span class="price-sale">SALE: £3.75</span>
<span class="price-slash">reg: ?15.99</span>
<p>When a letter from an elderly taxidermist drops onto Henry&amp;amp;amp;amp;#39;s doormat it poses a puzzle that he cannot resist</p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 product">
<div>
<div class="product-image"> <a class="thumbnail" href="http://www.greenbook.club/shop/index.php/modern-fiction/97807538232933">
<img src="http://www.greenbook.club/images/9780753823293.png"> </a>
</div>
<h5>
<a href="http://www.greenbook.club/shop/index.php/modern-fiction/97807538232933">ISBN: 9780753823293</a>
</h5>
<h5>
...
CSS
.row-even {
background-color: #B2D6B2;
}
.row-odd {
background-color: #D8ECC3;
}
.product-image {
display: table;
width: 100%;
}