【发布时间】:2016-02-13 01:07:55
【问题描述】:
我可以看到class="card-group" 和class="card-deck-wrapper" 之间的唯一区别是card-deck-wrapper 有边距,而card-group 没有。
问:我在这里缺少什么?使用card-deck-wrapper 与card-group 时的决定因素是什么?
【问题讨论】:
标签: twitter-bootstrap-4 bootstrap-4
我可以看到class="card-group" 和class="card-deck-wrapper" 之间的唯一区别是card-deck-wrapper 有边距,而card-group 没有。
问:我在这里缺少什么?使用card-deck-wrapper 与card-group 时的决定因素是什么?
【问题讨论】:
标签: twitter-bootstrap-4 bootstrap-4
是的,实际上边距是这些包装类之间的差异。文档也确实告诉您:
使用卡片组 (
card-group) 将卡片呈现为具有相同宽度和高度列的单个附加元素。需要一组不相互连接的等宽和高度卡片?使用卡片组 (
card-deck-wrapper)。
因此,当您的卡片之间需要一些空间时,请使用 card-deck-wrapper。 card-deck-wrapper 类设置了一个否定的margin 到undo 的左侧和右侧的边界display:table 与border-spacing: 1.25rem 0px; 由card-deck 类设置。
【讨论】: