Html 引导3到引导4列不再水平对齐

我迁移到bootstrap 4，但是我把boostrap-min.css从3换到了4，我的列现在都垂直对齐了，就我所能看到的而言，这些列都是正确的

我还使用了JS提琴进行测试，并且能够在垂直方向上回答所有问题。有谁能告诉我正确的方向，从我如何阅读的文件，这应该工作

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

---

你应该删除第一列xs-12

测验 测验 测验 测验

---

你应该删除第一列xs-12

测验 测验 测验 测验 因此，您需要仔细使用row和col网格。这里不需要.col-12 div，只需将.col-2换行即可。还将.row包装在.container类中

.行{ 背景：f8f9fa； 边缘顶部：20px； } 上校{ 边框：实心1px 6c757d； 填充：10px； } .第h1行{ 字体大小：20px； } 测验 测验 测验 测验 因此，您需要仔细使用row和col网格。这里不需要.col-12 div，只需将.col-2换行即可。还将.row包装在.container类中

.行{ 背景：f8f9fa； 边缘顶部：20px； } 上校{ 边框：实心1px 6c757d； 填充：10px； } .第h1行{ 字体大小：20px； } 测验 测验 测验 测验 删除col-12，因为引导程序4需要为要嵌套的列创建新行

删除col-12，因为引导程序4需要为要嵌套的列创建新行

---

您不能卸下col-sm-12吗？如果你可以，那么这里有一个工作，似乎做的把戏，你不能嵌套列了吗？很好，我很高兴它为你工作。我想您可能需要在父列下面再添加一行，它才能工作？我肯定这上面有一些文件……是的，给你，你不能取下col-sm-12吗？如果你可以，那么这里有一个工作，似乎做的把戏，你不能嵌套列了吗？很好，我很高兴它为你工作。我想您可能需要在父列下面再添加一行，它才能工作？我肯定这上面有一些文档……是的，给你，我们可以不再嵌套列了吗？@AlexW当然可以，看看我的答案我们可以不再嵌套列了吗？@AlexW当然可以，看看我的答案