按特定顺序堆叠列（引导程序3）

Question

我是初学者。总的来说，官方手册很容易理解，但我试图在桌面和移动视图之间以某种方式堆叠列，但无法弄清楚。图像显示了我正在尝试实现的目标。

我正在尝试做什么

感谢您的帮助！

Answer 1

你需要做这样的事情：

<div class="row">
<div class="col-lg-6">
    <div class="row">
        <div id="column1" class="col-lg-6 col-sm-12">column1</div>
        <div id="column2" class="col-lg-6 col-sm-12">column2</div>
    </div>
    <div class="row">
        <div id="Desc1&2" class="col-lg-12 col-sm-12">desc1&2</div>
    </div>
</div>
<div class="col-lg-6">
    <div class="row">
        <div id="column3" class="col-lg-6 col-sm-12">column3</div>
        <div id="column4" class="col-lg-6 col-sm-12">column4</div>
    </div>
    <div class="row">
        <div id="Desc3&4" class="col-lg-12 col-sm-12">DESC3&4</div>
    </div>
</div>