Twitter bootstrap 引导3中高度不等的Div重新排序

我知道在这个问题上可能存在重复，但我找不到一个适合我的问题需要的解决方案

我这里有一个布局，需要从下面的中屏幕重新排序

大屏幕。 当它检测到屏幕中等或以下时，我希望这样做

我使用Bootstrap3，这是我的HTML布局

<div class="row padding-none">
   <div class="col-lg-3 padding-none">
   </div>
   <div class="col-lg-9">
  <div class="row padding-none">
           <div class="col-lg-10">
           </div>
           <div class="col-lg-2">
           </div>
      </div>
   </div>
</div>

我已经查阅了有关推拉的引导文档，但是我无法让它工作。我只想在中等屏幕和以下屏幕上切换黑色和橙色

---

很抱歉空间太大，我无法删除：谢谢。

您可以通过在标记中首先使用橙色部分，然后使用黑色部分来实现这一点。然后将float:right添加到两者，以便它可以直观地交换位置。您可以使用并移除浮动：适用于较小的介质。 你也可以

---

投票否决了它，没有任何评论，也没有他们这样做的原因：？谢谢你的意见，我使用媒体屏幕，但没有改变htnl的背景。无论如何，谢谢你！

<div class="container">
 <div class="row padding-none">
    <div class="col-lg-3 padding-none grey">section1</div>
    <div class="col-lg-9">
        <div class="row padding-none">
            <div class="col-lg-2 orange">section 3</div>
            <div class="col-lg-10 black">section 2</div>
        </div>
    </div>
 </div>
</div>

.orange, .black {
    float:right;
}
@media(max-width:767px) {
    .orange, .black {
        float: none
    }
}
@media(min-width:768px) {
    .orange, .black {
        float: none
    }
}
@media(min-width:992px) {
    .orange, .black {
        float: none
    }
}
@media(min-width:1200px) {
    .orange, .black {
        float: right
    }
}