html盒子向上浮动bootstrap,html – 如何在bootstrap 4中包装(浮动)卡片

我正在使用bootstrap 4 beta.

我有一张卡片清单.我希望它们具有固定宽度,但高度将根据内容而变化.

卡的数量可以是1到n.

我想要的效果是从左到右布局卡片直到屏幕空间用完,然后换行到下一行.

我已经尝试了bootstrap 4示例页面上列出的所有不同选项,但它们似乎并没有包装.

我怎样才能做到这一点？

下面的示例显示了它们之间的3个,它们之间有很大的空间.

Card title

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago

Card title

This card has supporting text below as a natural lead-in to additional content.

Last updated 3 mins ago

Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.

Last updated 3 mins ago

Card title

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Last updated 3 mins ago

Card title

This card has supporting text below as a natural lead-in to additional content.

Last updated 3 mins ago

Card title

This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.

Last updated 3 mins ago