為什麼從 Bootstrap 3 升級後，我的列在 Bootstrap 4 中垂直對齊？

Bootstrap 3 到 Bootstrap 4：垂直對齊列

從 Bootstrap 3 升級到 Bootstrap 4時，某些使用者可能會遇到問題：列垂直對齊而不是

原因：

Bootstrap 4 需要為巢狀列建立新行。不再需要跨越整行的舊 col-12 類別。

解決方案：

要解決此問題，請刪除col-12 類來自父母

示例：

<div class="row">
    <div class="col-md-2">
        <h1 id="TEST">TEST</h1>
    </div>
    <div class="col-md-2">
        <h1 id="TEST">TEST</h1>
    </div>
    <div class="col-md-2">
        <h1 id="TEST">TEST</h1>
    </div>
    <div class="col-md-2">
        <h1 id="TEST">TEST</h1>
    </div>
</div>

查看此更新的JS Fiddle中的差異：

https:// jsfiddle.net/aq9Laaew/4792/

透過刪除col-12 類，列現在將按預期水平對齊。

以上是為什麼從 Bootstrap 3 升級後，我的列在 Bootstrap 4 中垂直對齊？的詳細內容。更多資訊請關注PHP中文網其他相關文章！