Bootstrap 4发布了,有什么新特点呢

Bootstrap 4发布了,官网发布说明如下:

这真的需要我们多年的努力,但Bootstrap 4终于来了!言语不能开始描述整个团队和我为这个版本所感到的兴奋,但我会尽我所能。感谢所有人,特别是团队成员,以及所有在拉取请求中提供代码或开启问题的人。谢谢。

自从我们上一次测试以来,我们一直在努力稳定我们的CSS的几个关键部分,抛光我们的文档,增加一些额外的惊喜,并计划我们的后续版本。我们仍然有一些扭曲的问题,但没有什么会阻止我们发布稳定的版本。

急于跳进去吗?转到我们的文档站点并进行探索。请务必查看我们的新示例和迁移文档页面!

想要点击文档之前知道更多?太好了,让我们潜入!

什么是新的

自从上一次测试以来,没有发生重大改变,但是我们已经做出了一些关键的改进,并解决了一些棘手的错误。

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

添加的边界实用程序已添加(例如.border-top),默认为1px的浅灰色边框。现在,更快速地将所有边框或边框的子集添加到组件中会更加容易。

我们$spacers和$sizes萨斯地图已经更新,以允许更多的定制与我们的颜色地图工作相同的方式。您现在可以在CSS中一致地添加,删除或替换所有键值对。前往我们的主题文档了解更多信息和示例。

为我们的Theming文档添加了文档,使用我们提供的CSS变量来生活在边缘,而不想使用Sass。

增加了对flexbox网格进行更多控制的响应.order-0和.order-last类。

另外,我们对重用和扩展变量和一般的代码清理做了大量的改进。但是,这还不是全部。

新的例子

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

以下是对每个变更的简要介绍:

您可能已经看过我们的相册示例,但是已经为此版本进行了更新,以在照片卡中添加更多内容并改进了移动渲染。

定价是这个版本的全新功能,是一个完全自定义的页面,使用我们的实用程序和卡组件构建。它响应速度快,容易扩展。

Checkout是一个全新的,广泛的形式的例子,具有我们的表单布局,验证样式,网格等所有最好的部分。

产品也是新的,是苹果风格的营销页面的厚颜无耻的即兴创作,很大程度上只建立了我们的实用类。不要太认真!

博客已经从头改写了。两列蓝色标题布局失败了。我们已经建立了一个精采的帖子和响应导航杂志式的布局。

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

浮动标签是全新的,并且建立在我们的登录示例上,以提供浮动输入标签的仅CSS实现。这个实验,我们把它带到Bootstrap之前可能会看到重大变化。

最后,Offcanvas从头开始重写,展示了一个导航栏的抽屉,水平滚动导航以及一些基于媒体组件和实用程序的自定义列表。

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

记录我们的方法

v4稳定版的新功能简要介绍了为什么我们在Bootstrap中做的事情背后的一些指导原则。我们的目的是在编写代码,构建短消息和调试时提炼和记录我们头脑中所有的事情。其中大部分内容都集中在编写响应式CSS的概念和策略上,使用简单的选择器以及限制需要编写多少JavaScript。

检查新的方法页面,并确保打开一个问题或拉请求与反馈和建议,还包括什么。

已知的问题

没有发布修复每一个bug,同样可以说我们的v4稳定版本。在时间和范围允许的情况下,我们希望首先在次要版本(v4.1)或修补程序版本(v4.0.1)中解决一些问题。

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

特别是表变种,.table-active有一个怪异的选择,我们已经无意中留下来,因为以前的版本。该缺陷导致的双重应用rgba()背景颜色 -once为<tr>,一次用于任何<td>/ <th>内的元件。

我们的第一个补丁版本还有一些还没有确定或者确定的问题,但是在我们下一个小版本发布之前,预计会有一些问题得到解决。我们可能还会在下一个补丁版本中打包我们的存储库的缺省分支变更。我们没有时间去适应测试一个巨大的不同代码库的合并,而没有考虑到v3的整个Git历史。再次,更多。

下一个版本

说到发布,我们对于我们的发展势头感到非常兴奋。我们的GitHub项目主板在即将发布的版本中大部分都是最新的,所以请随时加入并观看。我们的下一个版本将是v4.1(等待任何bug修补程序),并将重点关注一些小的新功能,实用程序,响应字体大小等等。从那里我们有更多的次要版本围绕另一组功能集合。

我们的目标是根据整体范围使RTL成为即将发布的次要版本的一部分。我们花了很长的时间去做这件事,但是我们正在努力。我们目前的计划是把重点放在我们的构建工具和组件上,所以你有条件地服务,bootstrap.min.css或者bootstrap-rtl.min.css。在公开的问题上请提供任何反馈意见; 当我们准备好的时候,我们会在社区的帮助下发起新的拉动请求。

值得重申的是每个次要版本都会带来一个新的托管版本的文档。现在,我们已经getbootstrap.com/docs/4.0/发布了v4.1,我们还会有这个补充getbootstrap.com/docs/4.1/。之前的版本将继续从我们的导航链接,已经是v3.x和最后的v4 alpha的情况。

主题更新

引导主题今年得到重大更新!自从我们最初推出Bootstrap Themes以来,我们一直非常激动,我们终于准备好分享下一步的计划。

在过去的几个月中,我们一直在与一些令人惊叹的主题创作者合作,将他们的精彩作品带到Official Bootstrap Themes商店。我们不能更兴奋地宣布我们正在扩大Bootstrap主题,以包括十个全新的主题。我们目前的目标是第一季度推出的主题都建立在Bootstrap 4上(对不起,这些都没有v3)。根据最终评论,我们甚至可能在未来几周内让他们到你们身边。

Bootstrap的广泛性和实用性直接来自世界各地的设计师,开发人员和创作者,使用Bootstrap构建业务。我们希望利用我们的平台为这些创作者提供更多的观众,并为您提供最好的Bootstrap团队认可的主题。

随时准备发布,敬请关注更多信息。

谢谢

最后,最后要感谢所有为Bootstrap 4做出贡献的人。这是一个疯狂的旅程,我个人感到放心,兴奋,急于称它为稳定。自从我们在2015年首次开始工作以来,已经有大约6,000个提交到第4版的工作。我们已经走了太多的方向,重写了太多的东西,但是我非常高兴和幸运, 。

再次欢呼每一个对Bootstrap有贡献和建立的人。能够为您和所有人共同构建这些工具是一种荣幸。