Html 如何在移动设备上的引导中更改列顺序

我正在尝试更改我的侧边栏和页面内容区域的顺序

<div class="col-md-3">Sidebar</div>
<div class="col-md-9">Content</div>

侧栏
内容

我的侧边栏中有大量内容，我希望侧边栏显示在移动设备的内容区域下，而不是侧边栏下的内容

---

我搜索了一些问题，但似乎找不到解决方案。

您可以使用

col md pull-*

和

col md push-*

类。您希望直接在HTML中设置移动顺序，然后使用这些类为桌面重新排列移动顺序，即：

<div class="col-md-9">Content</div>
<div class="col-md-3 col-md-3-pull">Sidebar</div>

内容
边栏

您可以使用

col md pull-*

和

col md push-*

类。您希望直接在HTML中设置移动顺序，然后使用这些类为桌面重新排列移动顺序，即：

<div class="col-md-9">Content</div>
<div class="col-md-3 col-md-3-pull">Sidebar</div>

内容
边栏

代码应该在哪里工作，但要添加那些类别

  <div class="col-md-3 col-sm-12">Sidebar</div>
  <div class="col-md-9 col-sm-12">Content</div>

侧栏
内容

代码应该在哪里工作，但要添加那些类别

  <div class="col-md-3 col-sm-12">Sidebar</div>
  <div class="col-md-9 col-sm-12">Content</div>

侧栏
内容

这些可能重复，但它们不起作用。不管怎样，还是要谢谢你。试试这个：可能是重复的可能是重复的这些，它们不起作用。无论如何，谢谢。试试这个：可能的重复不会改变堆叠顺序。所有这些都将在小屏幕上显示列的全宽。这不会改变堆叠顺序。所有这一切都将在小屏幕上全宽显示列。那么你说的是从手机开始，全屏编辑吗？@AlexKnopp是的。更多信息，请看这个：我会调查的。那么你说的是从手机开始，全屏编辑吗？@AlexKnopp，是的。更多信息请查看：我将对此进行调查