如何将卡片组与设置宽度的卡片结合起来？
How to to combine card-deck with set width cards?
我正在使用 flex-mode，我想要 'deck' of 'cards' 都具有相同的高度和宽度，并且宽度要一致并且基于不同的断点。不过，我还没有找到一种方法来做到这一点。每当我在一组卡片周围添加 card-deck class 时，它们都会忽略任何宽度设置，无论是使用 col-* classes 还是通过在它们上设置特定宽度。
这是我试图建立的层次结构：
.row>.card-deck-wrapper>.card-deck>(.col-md-3>.card>.card-block)*4
并且here is a codepen与我正在尝试的工作
card-group和card-desk都使用display: table（或display:flex当$enable-flex设置为true），所以你应该不要将单元格包装成 col-* 类 来设置它们的宽度。 col-* 类不仅设置了宽度还设置了float: left，另见：
对于 display: table，宽度是浏览器实现的自动 table 布局算法的结果，请参阅 。
对于 display:flex，您可以将 flex-basis 设置为固定宽度（flex-grow 和 flex-shrink 都设置为 0），请参阅
我正在使用 flex-mode，我想要 'deck' of 'cards' 都具有相同的高度和宽度，并且宽度要一致并且基于不同的断点。不过，我还没有找到一种方法来做到这一点。每当我在一组卡片周围添加 card-deck class 时，它们都会忽略任何宽度设置，无论是使用 col-* classes 还是通过在它们上设置特定宽度。
这是我试图建立的层次结构：
.row>.card-deck-wrapper>.card-deck>(.col-md-3>.card>.card-block)*4
并且here is a codepen与我正在尝试的工作
card-group和card-desk都使用display: table（或display:flex当$enable-flex设置为true），所以你应该不要将单元格包装成 col-* 类 来设置它们的宽度。 col-* 类不仅设置了宽度还设置了float: left，另见：
对于 display: table，宽度是浏览器实现的自动 table 布局算法的结果，请参阅 。
对于 display:flex，您可以将 flex-basis 设置为固定宽度（flex-grow 和 flex-shrink 都设置为 0），请参阅