在bootstrap 3中更改div行顺序

时间:2015-03-03 20:54:13

标签: twitter-bootstrap twitter-bootstrap-3

是否可以仅使用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的顺序。

1 个答案:

答案 0 :(得分:1)

查看以下相关问题:Bootstrap 3 changing div order on small screens only

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

以下是另一个相关解决方案:https://stackoverflow.com/a/12069537/584846

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