Twitter bootstrap 响应式SM和XS对准

我正在尝试开发一个代码，它在桌面上有两列，当涉及到“XS”和“SM”中的响应时，第一列应该在第二列之后

这是我正在尝试的代码

第一箱
第二箱

试试这个。这是在引导。使用推、拉将有所帮助。顺便说一下，我也和你们班的同学一起打扫了

<section class="Container-fluid">
        <div class="row">
            <div class="col-md-6 col-md-push-6 col-xs-8 col-xs-offset-2">
                Second Box
            </div>
            <div class="col-md-6 col-md-pull-6 col-xs-8 col-xs-offset-2">
                First box
            </div>          
        </div>
    </section>

第二箱
第一箱

您只需考虑“移动优先”，并将“2”列放在标记的第一位：

<div class="container-fluid">
  <div class="row">
    <div class="col-md-6 col-md-push-6 col-md-offset-0 col-xs-8 col-xs-offset-2">
      Second Box
    </div>
    <div class="col-md-6 col-md-pull-6 col-md-offset-0 col-xs-8 col-xs-offset-2">
      First box
    </div>          
  </div>
</div>

第二箱
第一箱

---

另外，

容器流体

没有任何作用，因为CSS区分大小写，所以您需要小心使用类名。

这不起作用。“第二个盒子”应该是推的，“第一个盒子”应该是拉的。你在JSFIDLE或bootply上试过吗？没有。非常感谢。你好像在跟踪我的答案。顺便说一下，谢谢D