如何使用Bootstrap实现以下列重新排序?

时间:2015-07-06 13:46:16

标签: javascript twitter-bootstrap css3

在移动设备中,我有3列堆叠,如下图所示

A
C
B

for> = md viewports我想实现以下布局

AB
C

这可以通过Bootstrap轻松完成吗?我有拉/推柱的麻烦

1 个答案:

答案 0 :(得分:0)

你可以这样做。试试这个非常灵活的解释/教程以获取更多信息:

https://scotch.io/tutorials/reorder-css-columns-using-bootstrap

更简单地执行此命令:

A
B
C

和md

AC
B

并分配这些类:

  1. A = col-md-6
  2. B = col-xs-12 col-md-push-6
  3. C = col-md-6 col-md-pull-6