在引导程序 3 中更改 div 行顺序

【问题标题】：Change div rows order in bootstrap 3在引导程序 3 中更改 div 行顺序
【发布时间】：2015-03-03 20:54:12
【问题描述】：

是否可以仅使用 css 在 Bootstrap 3 中更改行顺序？

例子

<div class="row"><div class="col-lg-12">DIV 1</div></div>
<div class="row"><div class="col-lg-12">DIV 2</div></div>
<div class="row"><div class="col-lg-12">DIV 3</div></div>

我想将 DIV 1 放在 DIV 2 下（在显示页面上），但我不想更改 HTML 的顺序。

【问题讨论】：

标签： twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

查看这个相关问题：Bootstrap 3 changing div order on small screens only

诀窍是使用col-*-push-* 类。

这是另一个相关的解决方案：https://stackoverflow.com/a/12069537/584846

它将内容放入table-header-group和table-footer-group

【讨论】：

它不适用于 12 列大小，我只需要 12 列大小的列。此外，您的链接是关于列，而不是行
第二种方案怎么样？
是的，我已经看到了，谢谢，但这不适合。在我看来，唯一的方法是 flexbox 模型或 js。
不过，您要求仅使用 css 的解决方案。