Typoscript за изобразяване на CSS зареждане на колона с изображения за всеки две колони?

Така че имам някои елементи с 6 графични колони с надписи към всяко изображение. Някои надписи са по-големи от други, което прави прекъсването на редовете, когато на мобилно устройство не е добре представено.

Bootstrap има тази опция за изчистване само на необходимия изглед:

<div class="row">

    <div class="col-xs-6 col-sm-2">.col-xs-6 .col-sm-2</div>
    <div class="col-xs-6 col-sm-2">.col-xs-6 .col-sm-2</div>

    <!-- Add the extra clearfix for only the required viewport -->
    <div class="clearfix visible-xs-block"></div>

    <div class="col-xs-6 col-sm-2">.col-xs-6 .col-sm-2</div>
    <div class="col-xs-6 col-sm-2">.col-xs-6 .col-sm-2</div>

    <!-- Add the extra clearfix for only the required viewport -->
    <div class="clearfix visible-xs-block"></div>

    <div class="col-xs-6 col-sm-2">.col-xs-6 .col-sm-2</div>
    <div class="col-xs-6 col-sm-2">.col-xs-6 .col-sm-2</div>
</div>

Ако мога да отпечатам HTML така с помощта на typoscript, би било перфектно.

Типописът, който вече имам, добавя правилните класове за колоните, но нямам идея как да отпечатам всеки две колони, а не последната.

Моят печатен текст:

addClassesCol.ifEmpty = 
addClassesCol.override.cObject = COA
addClassesCol.override.cObject {
    10 = CASE
    10 {
        key.field = imagecols

        default = TEXT
        default.value = col-md-12

        2 < .default
        2.value = col-sm-6 

        3 < .default
        3.value = col-sm-4 col-xs-6

        4 < .default
        4.value = col-sm-3 col-xs-6

        6 < .default
        6.value = col-sm-2 col-xs-6
    }
}

Някакви примери, които мога да използвам, за да създам това?