JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="row">
  <div class="col-xs-3 col-xs-offset-3 col-sm-2 col-sm-offset-4 col-no-padding">
    <div class="image-wrapper">
      <a ref="">
        <img src="http://www.blindfiveyearold.com/wp-content/uploads/2011/01/homer-simpson-150x150.jpg" alt="" class="img-responsive" />
      </a>
      <p class="text-center" style="font-size:1.2em">TST</p>
    </div>
  </div>
  <div class="col-xs-3 col-sm-2 col-no-padding">
    <div class="image-wrapper">
      <a ref="">
        <img src="http://www.blindfiveyearold.com/wp-content/uploads/2011/01/homer-simpson-150x150.jpg" alt="" class="img-responsive" />
      </a>
      <p class="text-center" style="font-size:1.2em">TST</p>
    </div>
  </div>
</div>

CSS

.col-no-padding {
  padding-left:0;
  padding-right:0;
  text-align:center;
}

.image-wrapper a {
  display: block;
}

.image-wrapper img {
  width:auto;
}