引导网格：如何更改列的位置？

Question

我有一个关于我要实现的自举网格系统的问题-到目前为止尚未成功。

我正在尝试以下网格系统：

我已经尝试过使用this JSFiddle找到的代码。

    <div class="container mt-5">
      <div class="row">
        <div class="col-lg-6 col-md-6 col-12 border bg-primary" style="height: 200px">
          <h3>Bloc 1</h3>
        </div>
        <div class="col-lg-6 col-md-6 col-12 border bg-light">
          <h3>Bloc 2</h3>
        </div>
        <div class="col-lg-6 col-md-12 bg-danger">
          <h3>Bloc 3</h3>
        </div>
      </div>
    </div>

它对于 xs 和 md 系统非常有效。但是，我在 lg 版本中遇到了问题，在该版本中，我找不到在3号组（红色）上方堆叠2号组（灰色）的方法。有没有办法改变这种专栏的位置？如上图所示，组号1应该落在页面底部。

非常感谢您的帮助！

Answer 1

基本上，您必须将div包裹在灰色和红色div周围的第二列中

SUMMARIZE (
    Phishing,
    Phishing[Zid],
    Calendar[Month Index],
    "Count",
        VAR CurrMonth = Calendar[Month Index]
        RETURN
            CALCULATE (
                COUNT ( Phishing[Zid] ),
                FILTER (
                    ALL ( Calendar ),
                    Calendar[Month Index] <= CurrMonth &&
                    Calendar[Month Index] >= CurrMonth - 11
                ),
                Phishing2[Phishing Outcome] = "Fail"
            )
)

您将需要进行间距调整，但这只是一个开始