css - Bootstrap在xs宽度上重新排序col

我正在尝试使用引导程序中的xs size和push功能对pull中的元素重新排序。它似乎对我不起作用。请帮忙。

<div class="row">
  <div class="col-lg-7 col-md-7 col-sm-7 col-xs-12 col-xs-push-12">
    A
  </div>
  <div class="col-lg-4 col-sm-4 col-md-4 col-xs-12  col-xs-pull-12">
    B
  </div>
</div>

所有其他分辨率的预期结果：工作

------------
| A  | B   |
------------

移动设备的预期结果：不工作

-------
|  B  |
-------
|  A  |
-------

但是实际上它与滚动条一起提供。我是Bootstrap框架的新手，让我知道我哪里出错了。

谢谢

最佳答案

据我所知，您不能使用具有12列跨度的列重新排序。看起来您想做的事情可以用col-sm-*完成。

请参阅工作片段。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />
<div class="container">
  <div class="row">
    <div class="col-sm-7 col-sm-push-5">
      <div class="alert alert-danger">B</div>
    </div>
    <div class="col-sm-5 col-sm-pull-7">
      <div class="alert alert-info">A</div>
    </div>
  </div>
</div>

关于css - Bootstrap在xs宽度上重新排序col，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34172889/