自我们上一次测试版以来没有任何重大变化,但我们已经做了一些重要的改进并解决了一些棘手的错误。

  • 打印样式和实用程序类已更新。我们改进了打印页面的呈现方式,以确保页面大小合理,而不是将它们渲染为移动设备。打印显示实用程序还包括一大堆新display值,以匹配我们的标准显示实用程序。

  • 添加了添加边框实用程序(例如.border-top),默认为1px浅灰色边框。现在,可以更轻松地将所有边框或边框的子集快速添加到组件中。

  • 我们$spacers和$sizesSass地图已经更新,以允许更多自定义,就像我们的彩色地图一样。您现在可以在我们的CSS中一致地添加,删除或替换所有键值对。 请访问我们的主题文档以获取更多信息和示例。

  • 添加了我们的主题文档的文档,用于使用我们提供的 CSS变量,这些 变量适用于那些生活在边缘并且不想使用Sass的人。

  • 添加了响应.order-0和.order-last类,以便更好地控制flexbox网格。

此外,我们对重用和扩展变量以及通用代码清理进行了大量改进。但是,这仍然不是一切。

新的例子

几乎所有的例子都经过了我们稳定的v4版本的大修。我们已经删除了几个过时的例子,添加了全新的例子,并且真正彻底改变了其他一些例子。

Bootstrap新的例子

以下是每个变化的简要说明:

  • 您可能已经看过我们的 相册示例,但此版本已更新,以便在我们的相片卡中包含更多内容并改进移动呈现。

  • 此版本的 定价是全新的,是一个使用我们的实用程序和卡组件构建的完全自定义页面。它响应迅速,易于扩展。

  • Checkout是一个全新的,广泛的形式示例,其中包含表单布局,验证样式,网格等所有最佳部分。

  • 产品也是新 产品,在Apple风格的营销页面上是一个厚颜无耻的riff,主要仅使用我们的实用程序类构建。不要太认真!

  • 博客已经从头开始重写。两列蓝色标题布局已经消失。我们建立了一个杂志式的杂志式布局,包括特色帖子和响应式导航。

  • 仪表板也进行了大修,以实时ChartJS为例,包括带有 羽毛图标的刷新侧边栏,并且是半响应式的。

  • 浮动标签是全新的,并以我们的登录示例为基础,提供浮动输入标签的仅CSS实现。这是一个实验性的,可能会在我们将它带到Bootstrap之前看到重大变化。

  • 最后, Offcanvas已经 从头开始重新 编写,以展示导航栏构建的抽屉,水平滚动导航以及一些基于 媒体对象和实用程序构建的自定义列表。

CoverCarouselSign-in和我们的 框架示例只看到了一些小的更新,以提高代码质量并修复一些小错误。总的来说,这是我们的示例的一个巨大的更新,我很高兴迭代这些并在未来的版本中添加更多。

已知的问题

没有版本修复每个bug,对于我们的v4稳定版本也是如此。以下是我们希望在时间和范围允许的次要版本(v4.1)或补丁版本(v4.0.1)中首先解决的一些问题。

  • 输入组,验证和圆角。我为Beta 3重写了这个,我认为它已经钉了它,但我错了。我们有一些圆角问题,我们用CSS修复它们而不破坏向后兼容性的唯一方法是限制组件的可扩展性。我们可能需要一个修饰符类来避免一些粗糙的CSS并满足所有关键功能。查看问题和交叉链接PR以获取更多详细信息。

  • 特别是表变体.table-active有一个奇怪的选择器,我们自从之前的版本以来无意间留下了余地。该缺陷导致 的双重应用rgba()背景颜色 -once为<tr>,一次用于任何<td>/ <th>内的元件。

我们的第一个补丁版本还有一些尚未确认或计划的问题,但是在我们达到下一个次要版本之前,预计会有一些修复。我们可能还会在下一个补丁版本中打包我们的存储库的默认分支更改。我们没有时间适应测试一个巨大不同的代码库的合并,而没有考虑整个G3的G3历史。再一次,更多关于这一点。