Html 使右栏显示在左栏顶部

我有两个专栏。桌面：

流动电话：

这是预期的行为，但我希望左侧的“浏览程序”列显示在左侧列的顶部，而不是下方。我尝试了一些不同的方法，包括在HTML中颠倒列的顺序和使用“float left”（这很有效，但不是一个很好的解决方案）。我还使用了

col-md-pull

和

col-md-push

，但两者都不起作用

不管它值多少钱，我不使用bootstraps 4，我更愿意保持现在的状态

将块按其在移动设备上的顺序放置在布局中。 ：Bootstrap是mobile first开发的，在该策略中，我们首先优化移动设备的代码，然后根据需要使用CSS媒体查询扩展组件

改变他们的顺序。为此，类型为

.col-md-push-9

和

.col-md-pull-3

的引导程序3和引导程序4提供了

Bootstrap 3的演示：

/*演示装饰*/
.行演示>分区{
颜色：白色；
字体：粗体20px无衬线；
填充：9px 15px 30px；
}
.row demo>div:第一个孩子{
背景：#69c；
}
.row demo>div:最后一个子级{
背景：#c69；
}

顶部在手机上/右侧在桌面上
手机底部/桌面左侧

一个不使用bootstrap 4的解决方案怎么样？@DiamondJoe12您问题中的“bootstrap-4”标记是否错误？你使用bootstrap3吗？@DiamondJoe12我在回答中添加了一个bootstrap3的解决方案。如果您已经在使用开箱即用的解决方案，但它们不起作用，请将代码添加到问题中，以便对其进行验证。@DiamondJoe12答案包含两种解决方案。第一个是bootsrap3的解决方案。它使用bootsrap3.4.1的样式表，并使用bootsrap3.4文档中的类。请结帐，好吗。非常感谢。我希望bootstraps 3能工作一段时间。我发现它比4更容易使用。当我使用bootstraps 4框架时，它改变了我网站的整体布局。