Css 为什么我的cols flex在Bootstrap 4中没有对齐？

使用Bootstrap 4，我希望我的COL在多行中对齐

如果我设置行和列，它工作得很好，但是如果我的一个列需要用

flex grow:2

安装2个插槽，它会在行之间创建一个小间隙。我试了所有flex的东西都没有成功

在这里你可以有链接来尝试它。我创建了两个案例，一个是div，另一个（我关心的一个）是row类的表

.col{
边框：1px纯红；
}

引导示例
1.
2.
1.
2.
3.


名字
姓氏
电子邮件
John（flex grow中2.07分在1080p中工作…）
雌鹿
john@example.com
玛丽
教育部
mary@example.com
七月
杜利
july@example.com

似乎W3学校也注意到了一个问题，因此他们的“2.07 in flex grow…”

我不知道为什么会发生这种情况，但一个解决办法是在那些td中添加一个类，然后在不同的屏幕大小下为该类添加媒体查询

例如：

@media screen and (min-width: 992px) { 
    .alter-flex{
        flex-grow: 2.09;
    }
} 

---

W3学校似乎也注意到了一个问题，因此他们的“flex成长中的2.07…”

我不知道为什么会发生这种情况，但一个解决办法是在那些td中添加一个类，然后在不同的屏幕大小下为该类添加媒体查询

例如：

@media screen and (min-width: 992px) { 
    .alter-flex{
        flex-grow: 2.09;
    }
} 

---

请将您的代码发布到问题上，而不是非站点链接。如果这个链接消失了，这个问题对未来的访问者将毫无用处。请阅读：请将您的代码发布到问题，而不是一个场外链接。如果这个链接消失了，这个问题对未来的访问者将毫无用处。请阅读：