Jquery 引导在移动设备上查看时更改divs上的类

我必须在我的网站的主分区，左边的边栏，和内容的右边分区

在左分区中，我有大约50个

，这些是产品类别。如果我在手机上查看网站，我必须向下滚动很多次才能看到产品或内容，因为侧边栏中有很多

如何更改div，如果im在mobile上，右div将是第一个，左边栏将位于右content div下。有解决方案吗

<div class="col-xs-12 col-sm-9 custom_right"></div>

<div class="sidebar_main_box col-xs-12 col-sm-3"></div>

这些div不需要很多css，只需要左右浮动，即全局引导类

更新

我的班级：

<div class="col-xs-12 col-sm-9 custom_right"></div>

这是正确的div，但在html中，这是在侧边栏之前，这是：

<div class="sidebar_main_box col-xs-12 col-sm-3">

推拉课前我的页面：（好）

推拉课程结束后：

---

我想要的是，我在移动设备上查看站点，右边的div将是第一个，边栏将在右边的div下，它将是第二个div。您必须更改顺序。下面的代码将更改较小设备上的div

<div class="row">
  <div class="col-md-9 col-sm-push-3"></div>
  <div class="col-md-3 col-sm-pull-9"></div>
</div>

是否添加了引导？请创建一个小提琴，我会研究它是它添加的。我可以说对不起。但它不会每次提交两次。嗨！我更新了第一篇帖子，请看更新。