JSFiddle - React, Tailwind, and code Playground

by francisstalin

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<ul class="thumbnails row col-lg-5 col-xs-6 col-sm-4 col-md-4 col-lg-8">
    <li class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
        <div class="thumbnail">
            <img src="/images/johndoe.jpg" />
            <h4 style="text-align: center;">John Doe</h4>
        </div>
    </li>
    <li class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
        <div class="thumbnail">
            <img src="/images/johnsmith.jpg" />
            <h4 style="text-align: center;">John Smith</h4>
        </div>
    </li>
</ul>

CSS

li{
    list-style:none;
}
.thumbnails{
    float:none;
    margin:0 auto;
}