Есть сетка 5х3 при обычном разрешении.
<div class="row">
<div class="col-md-2">
<img src="img/brand-art.png" alt="">
</div>
<div class="col-md-2 col-half-offset">
<img src="img/brand-km.png" alt="">
</div>
<div class="col-md-2 col-half-offset">
<img src="img/brand-linc.png" alt="">
</div>
<div class="col-md-2 col-half-offset">
<img src="img/brand-school.png" alt="">
</div>
<div class="col-md-2 col-half-offset">
<img src="img/brand-sonet.png" alt="">
</div>
</div>
<div class="row">
<div class="col-md-2">
<img src="img/brand-tukzar.png" alt="">
</div>
<div class="col-md-2 col-half-offset">
<img src="img/brand-silwerhof.png" alt="">
</div>
<div class="col-md-2 col-half-offset">
<img src="img/brand-hatber.png" alt="">
</div>
<div class="col-md-2 col-half-offset">
<img src="img/brand-brauberg.png" alt="">
</div>
<div class="col-md-2 col-half-offset">
<img src="img/brand-ek.png" alt="">
</div>
</div>
<div class="row">
<div class="col-md-2">
<img src="img/brand-berlingo.png" alt="">
</div>
<div class="col-md-2 col-half-offset">
<img src="img/brand-stamm.png" alt="">
</div>
<div class="col-md-2 col-half-offset">
<img src="img/brand-stabilo.png" alt="">
</div>
<div class="col-md-2 col-half-offset">
<img src="img/brand-gamma.png" alt="">
</div>
<div class="col-md-2 col-half-offset">
<img src="img/brand-luch.png" alt="">
</div>
</div>
При уменьшении размера экрана < 992px, необходимо переделать сетку в 3х5, как это можно реализовать?