How to make a Bootstrap3 grid like this?

Question

css

There is a 5x3 grid at normal resolution.

<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>

When reducing the screen size < 992px, it is necessary to remake the grid in 3x5, how can this be done?

Answer 1

Might be worth playing around with .clearfix showing up on one screen and hiding on another. discard .row.