在移动设备上查看时，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，只有左右浮动，全局引导类。

更新

我的课程：

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