Css 在xs尺寸的侧栏后订购主块

如何订购xs大小的块？ 我有以下代码：

<div class="container">
  <div class="row">
    <div class="col-lg-8 col-md-8 col-sm-8">
        MAIN
    </div>
    <div class="col-lg-4 col-md-4 col-sm-4">
        SIDEBAR
    </div>
  </div>
</div>

主要
边栏

我想要的是在将页面大小调整为xs大小时，在顶部页面上获得边栏块

---

谢谢大家!

使用

col-xs-12

<div class="container">
  <div class="row">
    <div class="col-md-8 col-sm-8 col-xs-12">
        MAIN
    </div>
    <div class="col-md-4 col-sm-4 col-xs-12">
        SIDEBAR
    </div>
  </div>
</div>

主要
边栏

尝试

col-*-push-*

和

col-*-pull-*

push

将向左移动容器，

pull

将向右移动容器

在你的例子中：

<div class="col-sm-4 col-sm-push-8 col-xs-12">
    SIDEBAR
</div>
<div class="col-sm-8 col-sm-pull-4 col-xs-12">
    MAIN
</div>

边栏
主要

这应该能奏效。 还要注意，我排除了

lg

和

md

类。引导会自动将最大的可用类用于更大的屏幕。因此，如果您没有指定

lg

和

md

，而是指定了

sm

，它将使用

sm

来表示中型和大型

---

谢谢您的回答，但这并没有解决我的问题。还是侧边栏在xs码下。谢谢你们的回答，你们真的帮助了我！同时也感谢您提到关于

ld

和

md

无用的使用。祝您有个美好的一天！