格式化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设备，行div内的前2个div有2列和10列，div 3和4则有12列。这意味着内容将占据3行（ div列）。对于SM和XS设备，第2行和第3行中显示的内容从第1列开始，我希望它们从第3列开始。

我怎么能达到这种效果？

最好的问候， 豪尔赫·马尔多纳多（Jorge Maldonado）