为什么从 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中文网其他相关文章！