Форматирование контента для устройств SM и XS

Question

Я новичок в Bootstrap, и у меня есть следующий HTML-код:

<div class="row">
    <div class="col-lg-1 col-md-1 col-sm-2 col-xs-2">
    </div>

    <div class="col-lg-5 col-md-5 col-sm-10 col-xs-10">
    </div>

    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
    </div>

    <div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
    </div>
</div>

Как видите, для устройств SM и XS у меня есть 2 и 10 столбцов для первых 2-х элементов внутри строки,и 12 столбцов для div 3 и 4. Это означает, что содержимое будет занимать 3 строки (внутри основной строки div).Содержимое, отображаемое в строках 2 и 3, начинается со столбца 1, и я хочу, чтобы они начинались со столбца 3 для устройств SM и XS.

Как мне добиться этого эффекта?

С уважением, ХорхеМальдонадо