Twitter bootstrap 基于特定需求的Twitter引导div网格安排

我有一个twitter引导的网格结构

<div class="row">
    <div class="col-lg-8">A</div><div class="col-lg-4">B</div>
</div>
<div class="row">
    <div class="col-lg-4">C</div><div class="col-lg-8">D</div>
</div>

我的问题是，是否可以让输出变为

A
B
D
C

以较小的尺寸，并成为

A  B
C  D 

---

桌面屏幕大小

我在输出中使用了灵活的盒子解决方案。根据屏幕大小对divs

C

和

D

重新排序。检查此处的浏览器兼容性表：

@介质（最大宽度：768px）{
.重新订购{
显示器：flex；
弯曲方向：立柱；
}
.第二{
顺序：1；
}
.首先{
顺序：2；
}
}

A.
B
C
D

我不确定您为什么希望在较小的显示器上显示输出

A B
C D

---

因为显示越小，宽度越窄，这意味着为了获得最佳性能，应该将元素放置在列中，而不是列中。这里是

col lg-*

用于大屏幕

col md-*

用于中等屏幕

列sm-*

用于小屏幕

列xs-*

用于超大屏幕

定义其他人以实现您的期望，并将所有

col-*

封装在一个

行中

A B
C D