在bootstrap 3中反转堆叠顺序？

Question

在引导程序2之前,您可以通过反转浮动来反转网格中的堆叠顺序.

在bootstrap 3中,这似乎不起作用.谁能告诉我bootstrap 3的解决方案？

任何援助将不胜感激.

Answer 1

使用 .col-md-push-*和.col-md-pull-*修饰符类,请参阅:http://getbootstrap.com/css/#grid-column-ordering

例如:

<div class="container"> 
<div class="col-sm-5 col-sm-push-7" style="height:50px;background-color:green;">first right</div>
<div class="col-sm-7 col-sm-pull-5" style="height:100px;background-color:red;">second left</div>
</div>