Bootstrap 4.5.2
今天的补丁版本旨在解决 Bootstrap 4 最近几个版本中引入的一些小问题。继续阅读以了解详细信息,并在准备好后更新。
从 v4.4.0 中添加响应式容器到最近的行和列调整,我们一直在对网格系统进行增量更改。虽然我们的更改解决了一些问题,但它们也破坏了其他行为并引入了新的复杂性。
今天的版本回滚并恢复了一些内容
-
#31438 恢复了
make-container-max-widths
混合器。 我们自己不会使用这个混合器,但它将在今天的版本发布后,在 v4 的代码库中保留下来。我们也添加了一个弃用通知。 -
#31439 从
.row
中删除了flex: 1 0 100%
。 这是为了解决在 v4.4.0 中添加响应式容器后,导航栏组件内行缩小的问题。删除它将我们恢复到预期的网格和 flex 行为——不幸的是,您的行在没有进一步更改的情况下会缩小。我们可以添加额外的自定义 CSS 来解决这个问题,但这似乎有点急于求成。相反,将.flex-fill
应用于.row
,您的行将按预期工作。
同样,v4.5.1 已经移除了 .col
上的 min-width: 0
。此更改是为了解决 <pre>
元素无法适应列的问题。这是 flexbox 工作方式的一个问题,其中 flex 容器无法缩小到其子元素内容之外。我们建议您根据需要使用自定义实用程序来应用此设置,而不是强制将其应用于每个列。(我们还将努力在 v5 中添加此功能作为新的实用程序。)
我们知道这种小问题会让您感到沮丧,因此对于这些错误,我们深表歉意。请务必阅读上面提到的拉取请求,以了解发生了什么以及我们如何解决它。 此 CodePen 演示 包含所有已知的网格问题及其修复方案。