Twitter bootstrap 3 一行中的定心div don'；在bootstrap 3中不能很好地落下

我在

行中有4个div，如下所示：


div.row{
文本对齐：居中；
}
div.row>div{
宽度：300px；
边框：1px纯红；
填充：20px；
显示：内联块；
浮动：无；
}

格格威格

fwwfwfwfwfwfwfwfwwfwwfwwfwwfwwfwwfwwwfwwfwwfwwfwwfwwfwwwfwwwfwwwfwwfwwwfwwwfwwwfwwwfwwwwfwwwww

GGEGWEG FWFWF fw ff wf wf wf wf wf wf wf wf wf

格格威格


通过在列中添加
div class=“inner”
来稍微编辑HTML，这将允许您设置自定义宽度


div.row>div{
边框：1px纯红；
填充：20px；
}
等高{
显示器：flex；
柔性包装：包装；
}
.内部{
宽度：150px；
保证金：自动；
边框：2件纯蓝；
}

格格威格

这是一个很大的盒子。这会占用你太多的空间。而且会成长，不断成长，不断成长

KKKmasd ibiasd oijasd KKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKKK

格格威格

我不知道这是否是Bootstrap 3中的一个bug，但在Bootstrap 4中，正如您在中所看到的那样，缩放效果与您预期的一样；柔性包裹：包裹除了像正常一样贴在左边外，什么都不做。它们的高度相等吗？检查片段，如果这就是你要找的吗？我试过设置高度和不设置高度，同样的东西，它们都贴在左边，它们不会用flexi居中，只是全屏检查了你的片段，他们坚持在左边，重点是他们居中，所以我不太明白你的答案？是的，我明白你说的@dzoniboj，我在上面：）
div.equalHeight {
  display: flex;
  flex-wrap: wrap;
}
.inner{
  margin:auto;
}