Bootstrap Skeleton

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

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<div class="col-sm-4 col-md-3 col-lg-2">
    <div class="thumbnail">
      <img src="http://animalia-life.com/data_images/bird/bird1.jpg" alt="image">
      <div class="caption">
        <div class="thumbnailheader"><h3>This text is too long to fit inside its container.</h3></div>
        <p>Lorem ipsum ad his scripta blandit partiendo.</p>
        <p><a href="#" class="btn btn-default center-block" role="button">Open</a></p>
      </div>
    </div>
  </div>

CSS

@import url('http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css');
@import url('http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css');

.thumbnailheader, 
.thumbnail p
{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}