Bootstrap4卡套包装vs卡组

Phi*_*enn 2 twitter-bootstrap-4 bootstrap-4

我可以看到的class="card-group"和之间的唯一区别class="card-deck-wrapper"card-deck-wrapper有边距,card-group没有边距。

问:我在这里想念什么?使用card-deck-wrappervs. 的决定因素是什么card-group

Bas*_*sen 5

是的,的确,这些包装类之间的差异是边距。该文档也告诉您这一点:

使用卡组(card-group)将卡呈现为具有相同宽度和高度列的单个附加元素。

需要一组彼此不连接的宽度和高度相等的卡吗?使用卡座(card-deck-wrapper)。

因此,card-deck-wrapper当卡之间需要一些空间时,请使用。本 card-deck-wrapper类设置一个负marginundo的的左侧和右侧边框display:tableborder-spacing: 1.25rem 0px;由集card-deck类。