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

Question

我正在尝试使用 bootstrap 中的 push 和 pull 功能对 xs 大小 中的元素进行重新排序。它似乎不适合我。请帮忙。

<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 框架的新手，让我知道哪里出错了。

谢谢

Answer 1

据我所知，您不能对 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>