我的引導網站的布局由兩列組成（在桌面上）。在每一列上，內容都是靜態堆疊的。兩側div都有不同的高度，如下所示：A | BA | D C | DE | FE現在，我已經用兩個實現了這一布局col-6，并用 content 填充了每個布局div。但是，移動布局的斷點僅設計用于將列堆疊在一起，如下所示：AACEEBDDF我的問題是，在上面的插圖中， Adiv與 B 相關div，與 C 關系不大div。我希望以移動布局的方式實現我的兩列桌面布局：AABCDDEEFdiv在移動設備上，它實際上要求通過交替包含在行序列中的兩列內部來合并。我的小指告訴我，這在引導程序中不可能有兩個col-6. 我希望盡可能避免 JavaScript 和自定義 CSS。也許整體布局需要在沒有col-6. 也許card-deck可以提供幫助，但我沒有找到任何令人滿意的東西。當前代碼：         <div class="container">                    <div class="row pl-sm-3 px-1">                        <div class="col-md-6 pt-sm-4">                  <div class="row pb-5 justify-content-center">                    <h1 class="display-4 text-light">                           {{ $.Page.Title }}                    </h1>                  </div>                  <div class="text-center">                    {{ range .Params.pictures }}                        <img ... >                    {{end}}                  </div>                </div>                        <div class="col-md-6 pl-3 pr-4">                    <div class="mt-5 pt-5"></div>                    <div class="card">                    {{ range .Params.text}}                        <div class="card-body">                                        ...                        </div>                    {{end}}                    </div>                </div>            </div>          </div>