Bootstrap 4.5.2

@mdo 2020 年 8 月 6 日

今天的补丁版本旨在解决 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 演示 包含所有已知的网格问题及其修复方案。