Bootstrap 3 Skeleton

This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.

by mkdizajn

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<div id=headline class="col-xs-12 col-sm-6">Product Headline</div>
<div id=image class="col-xs-12 col-sm-6">Product Image</div>
<div id=qty class="col-xs-12 col-sm-6">Qty, Add to cart</div>
<div id=hack class="hidden-xs col-sm-6">Hack</div>
<div id=caption class="col-xs-12 col-sm-6">Product image caption</div>
<div id=desc class="col-xs-12 col-sm-6">Product description</div>

CSS

@import url('http://getbootstrap.com/dist/css/bootstrap.css');

#headline { height: 50px; background: #fcc; float: right; }
#image { height: 150px; background: #fdb; }
#qty { height: 50px; background: #ffb; float: right; }
#hack { height: 50px; }
#caption { height: 150px; background: #cfc; }
#desc { height: 200px; background: #bff; float: right; }

@media (min-width: 768px) {
    #desc { margin-top: -50px; }
}