JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">

<div class='col'>
<div class='grid'>

    
    
    
<div class='thumbnail'>    
<div class='caption'>
<p>One</p>
</div>
</div>
    
    
<div class='thumbnail'>
<div class='caption'>
<p>Two</p>
</div>
</div>
    
<div class='thumbnail'>
<div class='caption'>
<p>Three</p>
</div>
</div>
    
<div class='thumbnail'>
<div class='caption'>
<p>Four</p>
</div>
</div>

    
<div class='thumbnail'>
<div class='caption'>
<p>Fusce dapibus tellus ac cursus commodo</p>
</div>
</div>
    
    
<div class='thumbnail'>
<div class='caption'>
<p>Fusce dapibus tellus ac cursus commodo</p>
</div>
</div>
    
<div class='thumbnail'>
<div class='caption'>
<p>Fusce dapibus tellus ac cursus commodo</p>
</div>
</div>
    
<div class='thumbnail'>
<div class='caption'>
<p>Fusce dapibus tellus ac cursus commodo</p>
</div>
</div>
    
    
    
    
    
    
</div>
</div>

CSS

.col { background: yellow; max-width:900px; }

.grid { text-align: left; }


.thumbnail {
display: inline-block;
max-width: 277px;
min-width:200px;
width:100%;
margin-right:20px;
}