Bootstrap4卡牌组合与卡组合

Question

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

问：我在这里错过了什么？使用card-deck-wrapper与card-group时的决定因素是什么？

Answer 1

是的确，边距是这些包装类之间的差异。文档也告诉你这个：

  

使用卡组（card-group）将卡片呈现为具有相等宽度和高度列的单个附加元素。

     

需要一组相同宽度和高度的卡片相互连接吗？使用卡片组（card-deck-wrapper）。

因此，如果您的卡之间需要一些空间，请使用card-deck-wrapper。 card-deck-wrapper类在margin左侧和右侧的边框设置为undo到display:table，border-spacing: 1.25rem 0px;设置为card-deck类。