更改不同分辨率的引导列顺序

Question

我正在使用Boostrap，这是我的HTML代码：

<div class="row">
    <div class="col-sm-7">A</div>
    <div class="col-sm-5">B</div>
</div>

这是前端出现的内容：

A |乙

这显然出现在手机屏幕上：

A

乙

如何更改代码才能拥有此功能？

乙

A

**

解决

**

我以这种方式解决了。如果我的解决方案有问题，请告诉我，即使它有效：

<div class="row">
    <div class="col-sm-5 col-right col-sm-push-7">B</div>
    <div class="col-sm-7 col-left col-sm-pull-5">A</div>
</div>

Answer 1

对于网络视图，您可以在B之前设置A，并在css或fload: right;课程中使用pull-right。像这样：

<div class="row">
    <div class="col-sm-5 pull-right">B</div>
    <div class="col-sm-7">A</div>
</div>