<div class="container">
<div class="row">
<div class="col-xs-6 col-sm-3">
<img...>
</div>
<div class="col-xs-6 col-sm-3">
<img...>
</div>
<div class="clearfix visible-xs"></div> // через каждые 2
<div class="col-xs-6 col-sm-3">
<img...>
</div>
<div class="col-xs-6 col-sm-3">
<img...>
</div>
<div class="clearfix visible-xs"></div>
<div class="clearfix visible-sm visible-md visible-lg"></div> // через каждые 4
<div class="col-xs-6 col-sm-3">
<img...>
</div>
<div class="col-xs-6 col-sm-3">
<img...>
</div>
<div class="clearfix visible-xs"></div>
<div class="col-xs-6 col-sm-3">
<img...>
</div>
<div class="col-xs-6 col-sm-3">
<img...>
</div>
</div>
</div
Не создавать же свой отдельный CSS файл для каждой страницы, а если писать все в один CSS файл, то можно и запутаться в стилях
Как загружает браузер стили
Открываю сайты из Топ-100 и чуть не слёзы наворачиваются