css - 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 mixin 更改列顺序？或者这个功能目前不可用？做这样的事情是好的做法吗？:

.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() 相同，即 there're .make-*-column-offset .make-*-column-push 和 .make-*-column-pull 混合。