我有两个大小相同的列（.col-xs-12），当屏幕大小与移动设备的屏幕大小相对应时，我会更改它们的位置。我会把它们放在相反的顺序
我已经读过push和pull引导指令有助于实现这一点，但是有可能用下面的类更改两个相同大小的列的位置吗
div.col-xs-12.col-xs-push-12
p测试1
div.col-xs-12.col-xs-pull-12
p测试2
实际上，您不能通过push/pullhelper类对具有.col-*-12的列重新排序。列的总和超过了由@网格列定义的默认12列
您可以更改HTML中列的顺序，然后在较大屏幕上使用排序类，如下所示：
此处示例
<；div class=“行”>；
<；div class=“col-xs-12 col-sm-6 col-sm-push-6”>；
<；p>；测试2</p>；
</部门>；
<；div class=“col-xs-12 col-sm-6 col-sm-pull-6”>；
<；p>；测试1</p>；
</部门>；
</部门>；
或者使用这种奇特的方法反转垂直放置在彼此下方的列的顺序：
此处示例
@媒体（最大宽度：767px）{
.row.reorder-xs{
变换：旋转（180度）；
方向：rtl；/*固定水平对齐*/
}
.row.reorder-xs>；[class*=“col-”]{
变换：旋转（-180度）；
方向：ltr；/*固定水平对齐*/
}
}
值得注意的是，IE9也支持CSS转换；只是别忘了添加供应商前缀