Bootstrap 3 Template
This is a simple Twitter Bootstrap 3 template. You can fork it to get a ready to use Bootstrap 3 fiddle.
HTML
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div class='container'>
<div class="row">
<div class="col-md-3 col-sm-3 col-xs-3 thumbnail">
<img src='http://placehold.it/100x100'>
<h3 class="text-center">
Text title stuff. Text title stuff. Text title stuff. Text title stuff. Text title stuff. Text title stuff.
</h3>
</div>
<div class="col-md-3 col-sm-3 col-xs-3 thumbnail">
<img src='http://placehold.it/100x100'>
<h3 class="text-center">
Article 2
</h3>
</div>
<div class="col-md-3 col-sm-3 col-xs-3 thumbnail">
<img src='http://placehold.it/100x100'>
<h3 class="text-center">
Article 3
</h3>
</div>
</div>
</div>
CSS
/* Latest compiled and minified CSS included as External Resource*/
/* Optional theme */
@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');
.row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
}
.row [class*='col-'] {
display: flex;
flex-direction: column;
}
div.caption{
text-align: center;
}
div.thumbnail{
border: 4px inset black;
margin: 1px;
}
h3.center{
font-size: 20px;
}
JavaScript
/* Latest compiled and minified JavaScript included as External Resource */