Bootstrap 3：推/拉 - bug或移动优先？

Question

我想更改<{strong>> col-*的顺序，我不确定我是否正确行事。

我只是改变了两个Chars （C＆amp; D）的顺序来修复它，但它感觉不对。是因为 ＆＃34;移动优先＆＃34; 还是我错过了什么？

目标：

-------------------------
|    SIZE   |   ORDER   |
-------------------------
|   >= SM   |  A B C D  |
|    < SM   |  A B D C  | <- C & D are switching 
-------------------------

我的第一种方法和理解（不工作）：

＆＃13;

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
  <div class="row">
    <div class="col-sm-6">A</div>
    <div class="col-sm-6">B</div>
  </div>
  <div class="row">
    <div class="col-sm-6 col-sm-push-6">C</div> <!-- !!! -->
    <div class="col-sm-6 col-sm-pull-6">D</div>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;

第二种方法（工作，但不确定是否正确）：

＆＃13;

＆＃13;

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
  <div class="row">
    <div class="col-sm-6">A</div>
    <div class="col-sm-6">B</div>
  </div>
  <div class="row">
    <div class="col-sm-6 col-sm-push-6">D</div> <!-- !!! -->
    <div class="col-sm-6 col-sm-pull-6">C</div>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;

提前致谢！

Answer 1

你的第二种方法是正确的，当你使用clang++-4.0 -c main.cpp -o main.o clang++-4.0 -o test main.o 时，文本会相互移位。您正在使用push class and pull class＆amp; sm-push因此它只会在小型设备中生效。如果您想要移动视图，可以使用sm-pull。