Bootstrap 4 在控制列数的同时,实现引导卡的相同动态宽度和高度

Bootstrap 4 在控制列数的同时,实现引导卡的相同动态宽度和高度,bootstrap-4,Bootstrap 4,我试图指定引导卡组的列数,因为我希望每个卡的宽度和高度相等 高度必须根据卡体的内容动态变化,就像卡组提供的一样,并在所有卡之间提供相等的间距。 我可以在卡片类中使用ROW和COL-*指定列数,但是所有卡片之间的高度和间距都是基于卡片主体的随机值。CARD-DECK类为每张卡提供了相等的高度和宽度,但我似乎无法控制列的数量,在这种情况下,我希望是两列 我之前问过这个问题,它通过引用以下问题自动关闭,但我没有看到任何一个问题成功地解决了当有几行卡片时,每张卡片上的高度相同的问题。 卡1

我试图指定引导卡组的列数,因为我希望每个卡的宽度和高度相等

高度必须根据卡体的内容动态变化,就像卡组提供的一样,并在所有卡之间提供相等的间距。

我可以在卡片类中使用ROW和COL-*指定列数,但是所有卡片之间的高度和间距都是基于卡片主体的随机值。CARD-DECK类为每张卡提供了相等的高度和宽度,但我似乎无法控制列的数量,在这种情况下,我希望是两列

我之前问过这个问题,它通过引用以下问题自动关闭,但我没有看到任何一个问题成功地解决了当有几行卡片时,每张卡片上的高度相同的问题。


卡1

Lorem ipsum dolor sit amet,是一位杰出的献身者。整数赌注。
Lorem ipsum dolor sit amet,是一位杰出的献身者。整数赌注。
Lorem ipsum dolor sit amet,是一位杰出的献身者。整数赌注。
Lorem ipsum dolor sit amet,是一位杰出的献身者。整数赌注。

卡2 Lorem ipsum dolor sit amet,是一位杰出的献身者。整数赌注。 Lorem ipsum dolor sit amet,是一位杰出的献身者。整数赌注。

卡片3 Lorem ipsum dolor sit amet,是一位杰出的献身者。整数赌注。 Lorem ipsum dolor sit amet,是一位杰出的献身者。整数赌注。 Lorem ipsum dolor sit amet,是一位杰出的献身者。整数赌注。 Lorem ipsum dolor sit amet,是一位杰出的献身者。整数赌注。

卡4 Lorem ipsum dolor sit amet,是一位杰出的献身者。整数赌注。 Lorem ipsum dolor sit amet,是一位杰出的献身者。整数赌注。

卡1 Lorem ipsum dolor sit amet,是一位杰出的献身者。整数赌注。 Lorem ipsum dolor sit amet,是一位杰出的献身者。整数赌注。 Lorem ipsum dolor sit amet,是一位杰出的献身者。整数赌注。 Lorem ipsum dolor sit amet,是一位杰出的献身者。整数赌注。

卡2 Lorem ipsum dolor sit amet,是一位杰出的献身者。整数赌注。 Lorem ipsum dolor sit amet,是一位杰出的献身者。整数赌注。

卡片3 Lorem ipsum dolor sit amet,是一位杰出的献身者。整数赌注。 Lorem ipsum dolor sit amet,是一位杰出的献身者。整数赌注。 Lorem ipsum dolor sit amet,是一位杰出的献身者。整数赌注。 Lorem ipsum dolor sit amet,是一位杰出的献身者。整数赌注。

卡4 Lorem ipsum dolor sit amet,是一位杰出的献身者。整数赌注。 Lorem ipsum dolor sit amet,是一位杰出的献身者。整数赌注。


Bootstrap提供类,使内容跨越元素容器宽度或高度的25%、50%、75%或100%,您可以将类
h-100
添加到卡中,以便它们使用完整的可用高度,如果包含更多内容的列变大,该高度将增加

此处的文档:


卡1

Lorem ipsum dolor sit amet,是一位杰出的献身者。整数赌注。Lorem ipsum dolor sit amet,是一位杰出的献身者。整数赌注。Lorem ipsum dolor sit amet,是一位杰出的献身者。整数posuere erat a
赌注。Lorem ipsum dolor sit amet,是一位杰出的献身者。整数赌注。

卡2 Lorem ipsum dolor sit amet,是一位杰出的献身者。整数赌注。Lorem ipsum dolor sit amet,是一位杰出的献身者。整数赌注。

卡片3 Lorem ipsum dolor sit amet,康涅狄格州