Bootstrap 3和LESS语义列排序

Question

在Bootstrap 3中,我能够执行以下操作(用于语义标记):

.div1 {
    .make-xs-column(12);
}
.div2 {
    .make-xs-column(12);
}

示例HTML:

<div class="div1">
    <!-- Stuff Goes Here -->
</div>
<div class="div2">
    <!-- More Stuff Goes Here -->
</div>

在内联类定义中,我可以通过执行以下操作来更改div1和div2的顺序:

<div class="div1 col-xs-push-12">
</div>
<div class="div2 col-xs-pull-12">
</div>

是否可以使用LESS mixins更改列顺序？或者此功能目前无法使用？做这样的事情是不错的做法？:

.div1 {
    .make-xs-column(12);
    .col-sm-push-12;
}
.div2 {
    .make-xs-column(12);
    .col-sm-pull-12;
}

编辑:我的意思是询问xs列而不是sm.我应该拉动并推动sm +设备并反转我的标记顺序吗？

Answer 1

它与故事是一样的.make-*-column(),即有 .make-*-column-offset .make-*-column-push和.make-*-column-pull混合.