Css 更改为引导默认列最小宽度会影响响应性设计

从Bootstrap 4.4升级到4.5后，我注意到列中的卡，当屏幕尺寸变小时，这些卡会做出响应，现在变得堆叠，即重叠

它似乎与4.5中的CSS更改有关，其中col min width默认为0。

在本例中，只需在4.4.1响应和4.5响应之间更改CSS引导设置，即可查看效果

我想问一下是否有其他人注意到了这一点，这是一个预期的结果还是Bootstrap4.5中的回归

卡片标题

一些快速示例文本，用于构建卡片标题并构成卡片内容的大部分

卡片标题

一些快速示例文本，用于构建卡片标题并构成卡片内容的大部分

卡片标题

一些快速示例文本，用于构建卡片标题并构成卡片内容的大部分

---

Flex项的最小宽度等于其内容，换句话说，Flex项不能小于其所包含的内容。如min width：内容（如果愿意）。高度也是如此

Bootstrap4.4识别该约束，但是Bootstrap4.5使用最小宽度0覆盖该约束

解决方案很简单，我们明确表示要尊重内容

.col { min-width:auto !important; }

上校{ 最小宽度：自动！重要； } 卡片标题

一些快速示例文本，用于构建卡片标题并构成卡片内容的大部分

卡片标题

一些快速示例文本，用于构建卡片标题并构成卡片内容的大部分

卡片标题

一些快速示例文本，用于构建卡片标题并构成卡片内容的大部分

---

您现在还可以升级到Bootstrap 4.5.1来解决此问题。 问题已经解决。

---

完整更改日志：

这看起来像是一个正确的行为，那么当屏幕尺寸减小时，您希望卡片发生什么呢？示例使用了bootstrap 4.4，它的行为正确。我将示例修改为使用4.5，以说明卡重叠的新行为。重叠？你是说一张卡在另一张上面？我不认为我所看到的只是屏幕尺寸的减小，它将其包装成单列。我建议您刷新页面并重新运行代码段，以确认我在示例中从BS 4.4到4.5所做的更改是否有效？谢谢您的输入。我发现对于我的代码来说，一个更好的解决方案是添加/覆盖col min width，例如，min width:18rem，或者使用旧的BS版本。