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中的pull类存在。

所以我将“pull-right”添加到intro并将“pull-left”添加到滑块。这完全符合我的要求，但只有触发了“lg”和“md”类，它才能满足我的需求。一旦div为全宽，它们就会正常顺序。

有没有办法让它在de“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>

使用pull的元素的Bootstrap顺序

1 个答案: