Html 如何更改桌面与移动分辨率中的元素位置？

我有一个带有侧边栏的页面。边栏在桌面上有一些元素。在手机上，侧边栏在主页下移动。但我希望该元素位于手机主页上方，如下所示：

---

如何实现这一点？

如果您只是想在桌面和移动分辨率中放置元素，那么您可以通过在右侧元素广告中添加

pull right

Bootstrap类来实现，如下面的代码片段所示：

@导入url（'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');
埃伦先生，
梅因先生，
.侧边栏{
边框：1px实心#000；
}
埃伦先生{
高度：150像素；
}
梅因先生{
高度：400px；
}
.侧边栏{
高度：250px；
}

元素
主页
边栏

这就是如何使用

css媒体查询实现这一点的方法。在桌面视图中，将
.mainpage
放在左侧，
.element
和
.sidebar
放在右侧，现在如果视口
宽度，代码在哪里？谢谢，这适用于me@DimitriiRybakov（不客气）