Есть блок bootostrap
с картинками неизвестного изначально размера (могут быть любыми) 4 штуки, 1 ряд. Как выровнять их в ряду на всех разрешениях? кроссбраузерность ie9+
Фидл
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<section id="anchor" class="container">
<div class="col-md-3 col-sm-6 col-xs-6">
<a href="#new-tab">
<img src="http://placehold.it/67x67">
<p>подпись</p>
</a>
</div>
<div class="col-md-3 col-sm-6 col-xs-6">
<a href="#calculator">
<img src="http://placehold.it/47x66">
<p>подпись</p>
</a>
</div>
<div class="col-md-3 col-sm-6 col-xs-6">
<a href="#application">
<img src="http://placehold.it/92x67">
<p>подпись</p>
</a>
</div>
<div class="col-md-3 col-sm-6 col-xs-6">
<a href="#guarantee">
<img src="http://placehold.it/58x70">
<p>подпись</p>
</a>
</div>
</section>