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">
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.8.0/bootstrap-table.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-table/1.8.0/bootstrap-table.min.css">
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">

  <div class="row thumbnail-row">
    <div class="my-work-image" id="margin-left-image">
      <img class="thumbnail-image" src="http://i.imgur.com/mNoKbYK.jpg" />
    </div>
    <div class="my-work-image">
      <img class="thumbnail-image" src="http://i.imgur.com/8b2sb03.jpg" />
    </div>
    <div class="my-work-image">
      <img class="thumbnail-image" src="http://i.imgur.com/Ac11pRH.jpg" />
    </div>
    <div class="my-work-image">
      <img class="thumbnail-image" src="http://i.imgur.com/DgNt5MQ.jpg" />
    </div>
    <div class="my-work-image">
      <img class="thumbnail-image" src="http://i.imgur.com/SG0bpMU.jpg" />
    </div>
    <div class="my-work-image">
      <img class="thumbnail-image" src="http://i.imgur.com/x1DxQwd.jpg" />
    </div>
    <div class="my-work-image">
      <img class="thumbnail-image" src="http://i.imgur.com/YcnOqR1.jpg" />
    </div>
  </div>
  <!--end row-->
</div>

CSS

.thumbnail-row {
  display: flex;
}
.thumbnail-row div {
  position: relative;
}
.thumbnail-row div::after {
  content: '';
  position: absolute;
  top: 0; left: 0; 
  width: 100%;
  height: 100%;  
  box-shadow: inset 0 0 0 3000px rgba(27,61,88,.5);
}
.thumbnail-image {
  display: inline-block;
  max-width: 100%;
  }
  
.my-work-image:hover {
opacity: 0.5;
}  
  
@media (max-width: 425px) {
  .thumbnail-row {
    flex-direction: column;
  }
}