我在側邊欄中創建了 3 張卡片，其中包含 2 個小部件。為了使其響應，我使用了 bootstrap 4 列排序?，F在我面臨的問題是，如果我在一行中有 2 列并且右列大于左列，它會顯示卡 1 和卡 2 之間的空間，因為卡 1 小于小部件 1 或 2。誰能幫助我如何消除這個差距？Codeply 鏈接以獲得更好的響應式查看：https://www.codeply.com/go/8cNp9dUyE5我的代碼預覽如下：.left-panel {  background: gray;}.box1,.box2,.box3 {  background: white;  height: 50px;  border: 1px solid red;  margin-bottom: 20px;}.right-sidebar, .bg-pink {  background: pink;}<div class="container">    <div class="row">        <div class="col-12 bg-pink">            <div class="row d-md-block">                <div class="left-panel col-md-8  order-0 float-left">                    <div class="box1 mt-2"><p>Box 1</p></div>                </div>                <div class="right-sidebar col-md-4 order-3 float-left">Widget 1</div>                <div class="right-sidebar col-md-4 order-1 float-left">                    <p>Widget 2</p><p>Continue Widget 2</p><p>Widget 2 About to End</p><p>Widget 2 Ends</p>                                </div>                <div class="left-panel col-md-8 order-3 float-left">                    <div class="box2 mt-2 ">Box 2</div>                </div>                <div class="left-panel col-md-8 order-5 float-left">                    <div class="box3 mt-2">Box 3</div>                </div>            </div>        </div>    </div></div>真實例子：https : //prnt.sc/ouscan