Bootstrap 3 - 推/拉 - 3列布局

时间:2015-02-25 19:03:42

标签: twitter-bootstrap twitter-bootstrap-3

我一直在努力使用bootstrap的推/拉一段时间,但却无法让它工作。我知道我应该首先考虑移动,但仍然不理解它。任何帮助,将不胜感激。提前谢谢。

这就是我想要的:

sm& XS

-----------------------------------------------
|                      col1                   |
-----------------------------------------------
|                      col2                   |
-----------------------------------------------
|                      col3                   |
-----------------------------------------------

MD

-----------------------------------------------
|         col 1        |          col 2       |
-----------------------------------------------
|                     col3                    |
-----------------------------------------------

LG

-----------------------------------------------
|     col1     |     col2     |      col3     |
-----------------------------------------------

1 个答案:

答案 0 :(得分:1)

你甚至不需要推拉法,只需这样做:

<div class="col-xs-12 col-md-6 col-lg-4">1</div>
<div class="col-xs-12 col-md-6 col-lg-4">2</div>
<div class="col-xs-12 col-md-12 col-lg-4">3</div>