css - 如何使元素在双列布局中显示第 2 个，在与 Bootstrap 3 堆叠时显示第 3 个

Question

我使用 Bootstrap 得到了以下布局:

[1][2]
[3]

它像这样在手持设备上堆叠成一列:

[1]
[2]
[3]

我需要它像这样堆叠:

[1]
[3]
[2]

这是怎么做到的？

Answer 1

你可以像这样使用嵌套......

<div class="row">
    <div class="col-md-6">
        <div class="row">
            <div class="col-md-12">
                1
            </div>
            <div class="col-md-12">
                3
            </div>
        </div>
    </div>
    <div class="col-md-6">
        2
    </div>
</div>

演示:http://codeply.com/view/NxRorezDfU