JSFiddle - React, Tailwind, and code Playground

by aflynt

HTML

<script src="http://current.bootstrapcdn.com/bootstrap-v204/js/bootstrap.js"></script>
<link rel="stylesheet" href="//current.bootstrapcdn.com/bootstrap-v204/css/bootstrap-combined.min.css">
<ul class="thumbnails">
  <li class="span4">
    <div class="thumbnail right-caption span4">
      <div>
      <img class="span2" src="http://placehold.it/120x160" alt=""><p>Dave Mitchell
      </p></div>
      
      <div class="caption">
        <h5>Thumbnail label </h5>
        <p>Cras justo odio, dapibus ac facilisis in, egestas eget. Eget metus</p>
        <p><a href="#" class="btn btn-primary">Action</a> <a href="#" class="btn">Action</a></p>
      </div>
    </div>
  </li>
</ul>

CSS

.thumbnail.right-caption > img {
    float: left;
    margin-right: 9px;
}

.thumbnail.right-caption {
    float: left;
}

.thumbnail.right-caption > .caption {
    padding: 4px;
}