css - 使用拉取元素的引导顺序

Question

我正在使用 Bootstrap 布局我的网站。如果有 2 个 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”类时，我试图将滑块 div 拉到左边，将介绍 div 拉到右边，以便滑块 div 显示在介绍 div 上方。

我发现 Bootstrap 中的拉取类存在。

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

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

Answer 1

尝试推拉课程。试试下面的代码

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