为什么迁移到 Bootstrap 4 后我的列无法正确对齐？

Bootstrap 从 3 迁移到 4 时的水平对齐问题

在 Bootstrap 3 到 4 的过渡中，用户可能会遇到垂直对齐问题对于列。要解决此问题，必须考虑 Bootstrap 4 中引入的嵌套更改。

以前，在 Bootstrap 3 中，嵌套列可以放置在具有相同列类（例如 col-12）的列中。但是，在 Bootstrap 4 中，嵌套需要为每个嵌套级别添加一个新行。此更改消除了居中对齐问题并确保正确的水平对齐。

更新后的代码遵循修订后的嵌套方法：

<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>

在此更新的代码中，嵌套被删除，每一列放置在其自己的行中。通过遵守建议的嵌套准则，可以恢复水平对齐，确保正确的视觉表示。

以上是为什么迁移到 Bootstrap 4 后我的列无法正确对齐？的详细内容。更多信息请关注PHP中文网其他相关文章！