Question

我正在尝试使用引导程序中的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框架的新手，让我知道我哪里出错了。

由于

Answer 1

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

请参阅工作代码段。

＆＃13;

<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>

＆＃13;

Answer 2

尝试按xs屏幕更改您的订单，然后使用push和pull在其他尺寸的屏幕中实现该订单。

 <div class="row">
    <div class="col-sm-6 col-sm-push-6 col-xs-12">B</div>
    <div class="col-sm-6 col-sm-pull-6 col-xs-12">A</div>
 </div>

xs宽度

2 个答案: