在容器中垂直自动排列多个div(不是一组!)

Question

我的div容器里有一些东西,通常比这些东西都要高div.我希望它们能够均匀排列,但不能作为一个整体.下面的图片应该解释我正在尝试做什么.有没有办法用bootstrap 3实现这种简单的方法？

Answer 1

你可以用纯CSS做到这一点,但这实际上是非常容易使用flexbox.

.parent {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.child {
    flex: 1 1;
}

这样的事情应该有效.