如何消除 Bootstrap 4 中列之間的垂直空間？

消除Bootstrap 4 中欄位之間的垂直空間

問題陳述：

問題陳述：

在🎜>問題陳述：

在🎜>問題陳述：

在🎜>問題陳述：

在🎜>問題陳述Bootstrap 4中，當使用兩列佈局時，列之間會出現一個空白的垂直空間當視口不處於「移動模式」時。

<div class="container">
  <div class="row d-lg-block">
    <div class="col-lg-9 float-left description">Desc</div>
    <div class="col-lg-3 float-right sidebar">Sidebar</div>
    <div class="col-lg-9 float-left comments">Comments</div>
  </div>
</div>

原因：

Bootstrap 4 使用 Flexbox，它會對齊所有列的高度以符合最高的欄位。

建議的解決方案：使用浮動

要避免出現空白，請考慮使用浮動：

• 說明：
• 說明：

d- lg-block類別將行的顯示屬性設定為在大視窗上阻塞，從而允許列float。 附加說明：在這種情況下，巢狀欄位 (

) 將無法達到所需的列順序。 供參考，相關主題「Bootstrap with different order on mobile version」討論了類似的問題。

以上是如何消除 Bootstrap 4 中列之間的垂直空間？的詳細內容。更多資訊請關注PHP中文網其他相關文章！