Bootstrap 3推/推柱仅适用于小屏幕

时间:2017-11-29 20:16:17

标签: twitter-bootstrap-3

我的bs3页面有3列布局如下:

| 1 | 2 | 3 |

3 X 6 X 3

在大屏幕上这很好,但是,在小屏幕(手机)上,我希望订单为:2> 1> 3,如下所示:

| 2 |

| 1 |

| 3 |

我应该用什么来实现这个功能?

1 个答案:

答案 0 :(得分:0)

试试这个:

<div class="col-xs-12 col-sm-6 col-sm-push-3">2</div>
<div class="col-xs-12 col-sm-3 col-sm-pull-6">1</div>
<div class="col-xs-12 col-sm-3">3</div>