Bootstrap 3 Skeleton

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

HTML

<script src="http://netdna.bootstrapcdn.com/bootstrap/2.3.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.min.css">
<a href="#" class="btn btn-success" id="add">Add content</a>

<div class="span6">

<div class="" id="productPanel" >
<img src="http://placehold.it/600x400&text=SELECT RESULTS PLACEHOLDER">
</div>

</div>

CSS

body {
  margin: 20px;

}

JavaScript

$("#add").on('click', function() {
    $("#productPanel").append(
     '<ol>'+
       '<li title="..." id="prod_123456" class="ui-selectee"><img src="http://whatever.jpg"></li>'+
       '<li title="..." id="prod_123456" class="ui-selectee"><img src="http://whatever.jpg"></li>'+
       '<li title="..." id="prod_123456" class="ui-selectee"><img src="http://whatever.jpg"></li>'+
       '<li title="..." id="prod_123456" class="ui-selectee"><img src="http://whatever.jpg"></li>'+        
     '</ol>'
    );
});