Bootstrap4 卡片组包装器与卡片组
Bootstrap4 card-deck-wrapper vs card-group
我能看到 class="card-group" 和 class="card-deck-wrapper" 之间的唯一区别是 card-deck-wrapper 有边距而 card-group 没有。
问：我在这里缺少什么？使用 card-deck-wrapper 与 card-group 时的决定因素是什么？
是的，确实边距是这些包装器之间的差异 classes。文档也告诉你这个：
Use card groups (card-group) to render cards as a single, attached element with equal width and height columns.
Need a set of equal width and height cards that aren’t attached to one another? Use card decks (card-deck-wrapper).
因此，当您需要 space 时，请使用 card-deck-wrapper。 card-deck-wrapper class 设置负 margin 到 undo 左右边框 display:table 和 border-spacing: 1.25rem 0px; 设置 card-deck class.
我能看到 class="card-group" 和 class="card-deck-wrapper" 之间的唯一区别是 card-deck-wrapper 有边距而 card-group 没有。
问：我在这里缺少什么？使用 card-deck-wrapper 与 card-group 时的决定因素是什么？
是的，确实边距是这些包装器之间的差异 classes。文档也告诉你这个：
Use card groups (
card-group) to render cards as a single, attached element with equal width and height columns.Need a set of equal width and height cards that aren’t attached to one another? Use card decks (
card-deck-wrapper).
因此，当您需要 space 时，请使用 card-deck-wrapper。 card-deck-wrapper class 设置负 margin 到 undo 左右边框 display:table 和 border-spacing: 1.25rem 0px; 设置 card-deck class.