Css 引导排序列问题

我有三个div，我想知道如何将第三个div拉到第一个div，而其他div按其原始顺序

下面两幅图将描述我的观点

以下是传统方式：

以下是我想做的：

---

如何使用引导实现此布局？

您的项目必须在html中按您希望的方式在

xs

和

sm

断点处排序

查看全屏：

。第1项{
背景：灰色；
}
.项目-2{
背景：绿色；
}
.项目-3{
背景：橙色；
}

项目三
项目一
项目二

您的项目必须在html中按您希望的方式在

xs

和

sm

断点处排序

查看全屏：

。第1项{
背景：灰色；
}
.项目-2{
背景：绿色；
}
.项目-3{
背景：橙色；
}

项目三
项目一
项目二

您可以使用引导程序的类。遵循

HTML

结构将使之成为可能

<div class="col-md-4 col-md-push-8">
    Third Div
</div>
<div class="col-md-4 col-md-pull-4">
    First Div
</div>
<div class="col-md-4 col-md-pull-4">
    Second Div
</div>

第三组
第一组
第二组

您可以使用引导程序的类。遵循

HTML

结构将使之成为可能

<div class="col-md-4 col-md-push-8">
    Third Div
</div>
<div class="col-md-4 col-md-pull-4">
    First Div
</div>
<div class="col-md-4 col-md-pull-4">
    Second Div
</div>

第三组
第一组
第二组

HTML

HTML

---

使用CSS的

顺序

。添加html结构使用CSS的

顺序

。添加html结构你很快：）你很快：）

.green {
   background: green; 
}

.white {
   background: white; 
}

.orange {
   background: orange; 
}