Bootstrap：如何使最左边的列在调整大小时从下到下而不是在顶部

Question

我当前的设置看起来像这样

Desktop
________________________________
|         |      Content        |
| Sidebar |      Content        |
|         |      Content        |
---------------------------------

Mobile
__________________
|                 |
|      Sidebar    |
|                 |
-------------------
|                 |
|   Content       |
|                 |
|                 |
-------------------

我希望桌面保持不变，但是将侧边栏放到底部而不是

___________________
|                 |
|   Content       |
|                 |
|-----------------|
|                 |
|      Sidebar    |
|                 |
-------------------

我有办法让网格系统这样做吗？或者是否有另一种方法可以确保其有效？侧边栏是我支持的模板，包含大量内容和处理，因此如果可以避免，我真的不想做隐藏/显示的事情。

谢谢！

森美

Answer 1

您可以通过以下方式实现它，只需使用bar -

即可

工作示例

push and pull classes

#content{
height:60px;
background-color: red;
}
#sidebar{
height:60px;
background-color: blue;
}

希望这有帮助！