12 Cols, которые укладывают 2 X 2 для мобильных

Question

Прошло много времени с тех пор, как мне пришлось писать любой код медиа-запроса, поэтому я решил опубликовать здесь свою дилемму, так как не уверен, с чего начать. Таким образом, у меня есть макет с 12 столбцами, который мне нужно установить, чтобы разбить на 6 комплектов по 2 столбца рядом. Я был дизайнером UX в течение последних 6 лет, поэтому я забыл, как это сломать. У кого-нибудь есть ссылки, на которые я мог бы взглянуть?

<div class="row">
<div class="col-md-1 icon-txt">&nbsp;</div>
<div class="col-md-1 icon-txt">
    <div class="icon-space"></div>
    <div class="col-md-1 icon-txt">
        <div class="icon-space"></div>
    </div>
    <div class="col-md-1 icon-txt">
        <div class="icon-space2"></div>
    </div>
    <div class="col-md-1 icon-txt">
        <div class="icon-space2"></div>
    </div>
    <div class="col-md-1 icon-txt">
        <div class="icon-space2"></div>
    </div>
    <div class="col-md-1 icon-txt">
        <div class="icon-space2"></div>
    </div>
    <div class="col-md-1 icon-txt">
        <div class="icon-space2"></div>
    </div>
    <div class="col-md-1 icon-txt">
        <div class="icon-space2"></div>
    </div>
    <div class="col-md-1 icon-txt">
        <div class="icon-space2"></div>
    </div>
    <div class="col-md-1 icon-txt">
        <div class="icon-space2"></div>
    </div>
    <div class="col-md-1">&nbsp;</div>
</div>