jquery - 在移动设备上查看时，Bootstrap 会更改 div 上的类

Question

我必须在我的网站上设置主 div，左侧边栏和右侧的内容 div。

在左边的 div 中，我有大约 50 个 <li> ，这些是产品类别。如果我在移动设备上查看网站，我必须向下滚动很多才能看到产品或内容，因为很多 <li>在边栏中。

我如何更改 div，如果我在移动设备上，右边的 div 将是第一个，左侧边栏将在右边的内容 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，只有左右浮动，全局 Bootstrap 类。

更新

我的类(class):

<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。

Answer 1

您必须更改顺序。下面的代码将更改较小设备上的 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>