JSFiddle - React, Tailwind, and code Playground
by niki4810
HTML
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<div class="col-sm-9">
<div class="row">
<!-- movie -->
<div class="col-sm-6 col-md-4">
<div class="thumbnail">
<img alt="300x200" style="width: 300px; height: 200px;" src="http://placekitten.com/300/200">
<div class="caption">
<h3>The Avengers</h3>
<p>Rating : 3/5</p>
<p> <span class="label label-primary">Action</span>
<span class="label label-primary">Adventure</span>
<span class="label label-primary">Sci-Fi</span>
</p>
</div>
</div>
</div>
<!-- movie -->
<!-- movie -->
<div class="col-sm-6 col-md-4">
<div class="thumbnail">
<img alt="300x200" style="width: 300px; height: 200px;" src="http://placekitten.com/300/200">
<div class="caption">
<h3>The Avengers</h3>
<p>Rating : 3/5</p>
<p> <span class="label label-primary">Action</span>
<span class="label label-primary">Adventure</span>
<span class="label label-primary">Sci-Fi</span>
</p>
</div>
</div>
</div>
<!-- movie -->
<!-- movie -->
<div class="col-sm-6 col-md-4">
<div class="thumbnail">
<img alt="300x200" style="width: 300px; height: 200px;" src="http://placekitten.com/300/200">
<div class="caption">
<h3>The Avengers</h3>
<p>Rating : 3/5</p>
<p> <span class="label label-primary">Action</span>
<span class="label label-primary">Adventure</span>
<span class="label label-primary">Sci-Fi</span>
</p>
...
CSS
body {
padding:20px;
}