拆分侧边栏列以包围Bootstrap 4中的内容

问题描述

我希望在移动设备上拆分一列,以使侧边栏的第一部分拆分到主要内容上方,而其余侧边栏单元格位于内容下方,如下所示。

桌面

| sidebar 1 |         |
| sidebar 2 | content |
| sidebar 3 |         |

移动

| sidebar 1 |
|  content  |
| sidebar 2 |
| sidebar 3 |

找到了这个答案,这正是我在寻找的Is there a way in Bootstrap to “split” a column on small screens?

当我编辑演示代码以更改为Bootstrap 4时,第一个侧边栏内容现在占据了全部空间,我猜这是由于flexBox-Codeoply with Bootstrap 4所致。

关于如何使Bootstrap 4表现得像Boostrap 3的任何建议?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)