css - 使用 pull Bootstrap 元素顺序

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”类时，我试图将 slider div 拉到左边，将 intro div 拉到右边，以便 slider div 显示在 intro div 上方。

我发现 Bootstrap 中存在 pull 类。

所以我在介绍中添加了“pull-right”，在 slider 中添加了“pull-left”。这正是我想要的，但是只要“lg”和“md”类被触发，它只会做我想要的。一旦 div 为全宽，它们就会按正常顺序排列。

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

Answer 1

尝试推 - 拉类(class)。试试下面的代码

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