twitter-bootstrap - Bootstrap可以用RWD改变左列和右列的排序吗？

Question

我在我的项目中使用 Bootstrap V4。

我知道如何创建一个简单的 RWD 页面。

但是，我需要在移动设备的左列和右列中更改排序

所以我需要改变上层元素？这是我的代码。

我找到了任何尝试的方法

我可以将这些排序设置为仅更改 Bootstrap 而不需要使用“sm-hidden”吗？

内容 A 菜单 A 内容 B 菜单 B 菜单 C

<div class="container">
  <div class="row">
    <div class="col-md-8 col-sm-12">

      <div class="col-12">
        Main A
      </div>
      <div class="col-12">
        Main B
      </div>

    </div>
    <div class="col-md-4 col-sm-12">
      
      <div class="col-12">
        Menu A
      </div>
      <div class="col-12">
        Menu B
      </div>
      
      <div class="col-12">
        Menu C
      </div>
      
    </div>
  </div>
</div>

标签： twitter-bootstrapresponsive-design