Bootstrap 3 Skeleton

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

by b9chris

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 pull-right">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 pull-right">Qty, Add to cart</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 pull-right">Product description</div>

CSS

@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');

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

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