Css 使用pull的元素引导顺序

我正在使用引导程序来布局我的网站。 如果有两个并排放置的div，一个左，一个右，如下所示：

<section class="content">
    <div class="intro col-lg-3 col-md-4 col-sm-12 col-xs-12"></div>

    <div class="slider col-lg-9 col-md-8 col-sm-12 col-xs-12"></div>
</section> 

这个很好用。但是当屏幕到达“sm”和“xs”类时，我试图将slider div向左拉，将intro div向右拉，以便slider div显示在intro div的上方

我发现Bootstrap中存在pull类

所以我在介绍中添加了“向右拉”，在滑块中添加了“向左拉”。 这正是我想要的，但是只要触发“lg”和“md”类，它就只做我想要的。一旦div全宽，它们就按正常顺序排列

---

有没有办法让它在de“sm”和“xs”类中也能工作，还是我做错了什么？谢谢：）

试试推拉类。请尝试下面的代码

<section class="content col-lg-12 col-md-12 col-sm-12 col-xs-12">
    <div class="intro col-lg-3 col-md-4 col-sm-4 col-sm-push-8 col-xs-4 col-xs-push-8"></div>

    <div class="slider col-lg-9 col-md-8 col-sm-8 col-sm-pull-4 col-xs-8 col-xs-pull-4"></div>
</section>

谢谢你的意见，但这是因为我没有做我想做的事情。首先，当“lg”和“md”类被触发时，它也影响了布局，我觉得很奇怪。在较小的屏幕上也不正确（请参阅）。元素不再是全宽的了。您可以共享整个部分吗？这样我们就可以了解row类是如何形成的，因为我看到的是列中的列，而不用行包装