Bootstrap 4重大更新，亮点解读

golden_hamster 发布于2019-08-29 16:09 / 3330人阅读

摘要：重大更新亮点解读月日对来说是个特别的日子不仅是项目四周年纪念日，也是经过了一年密集开发之后发布内测版的日子。是一次重大更新，几乎涉及每行代码。

Bootstrap 4重大更新、亮点解读

8月19日对Bootstrap来说是个特别的日子——不仅是项目四周年纪念日，也是经过了一年密集开发之后发布Bootstrap 4内测版的日子。Bootstrap 4是一次重大更新，几乎涉及每行代码。

新增功能

Bootstrap 4中有太多重大的更新，本文不能面面俱到，下面是一些颇受关注的亮点：

从Less迁移到Sass：现在，Bootstrap已加入Sass的大家庭中。得益于Libsass，Bootstrap的编译速度比以前更快；

改进网格系统：新增一个网格层适配移动设备，并整顿语义混合。

支持选择弹性盒模型（flexbox）：这是项划时代的功能——只要修改一个Boolean变量，就可以利用flexbox的优势快速布局。

废弃了wells、thumbnails和panels，使用cards代替：Cards是个全新概念，但使用起来与wells、thumbnails及panels很像，且更方便。

将所有HTML重置样式表整合到Reboot中：在用不了Normalize.css的地方可以用Reboot了，它提供了更多选项。例如box-sizing: border-box、margin tweaks等都存放在一个多带带的 Sass 文件中。

新的自定义选项：不再像上个版本一样，将渐变、淡入淡出、阴影等效果分放在多带带的样式表中。而是将所有选项都移到一个Sass变量中。想要给全局或考虑不到的角落定义一个默认效果？很简单，只要更新变量值，然后重新编译就可以了。

不再支持IE8，使用rem和em单位：放弃对IE8的支持意味着开发者可以放心地利用CSS的优点，不必研究css hack技巧或回退机制了。使用rem和em代替px单位，更适合做响应式布局，控制组件大小。如果要支持IE8，只能继续用Bootstrap 3。

重写所有JavaScript插件：为了利用JavaScript的新特性，Bootstrap 4用ES6重写了所有插件。现在提供UMD支持、泛型拆解方法、选项类型检查等特性。

改进工具提示和popovers自动定位：这部分要感谢Tether工具的帮助

改进文档：所有文档以Markdown格式重写，添加了一些方便的插件组织示例和代码片段，文档使用起来会更方便，搜索的优化工作也在进行中。

更多变化：支持自定义窗体控件、空白和填充类，此外还包括新的实用程序类等。

以上更新只是冰山一角， v4版共有1100多次commits和 12万行代码更新，这些更新可以在v4-alpha文档中查看 持续更新，多多关注

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/113563.html

Bootstrap 4重大更新，亮点解读

摘要：重大更新亮点解读月日对来说是个特别的日子不仅是项目四周年纪念日，也是经过了一年密集开发之后发布内测版的日子。是一次重大更新，几乎涉及每行代码。 Bootstrap 4重大更新、亮点解读 8月19日对Bootstrap来说是个特别的日子——不仅是项目四周年纪念日，也是经过了一年密集开发之后发布Bootstrap 4内测版的日子。Bootstrap 4是一次重大更新，几乎涉及每行代码。新...

jeffrey_up 2019-08-02 11:02 评论0 收藏0
阿里云容器服务新增支持Kubernetes编排系统，性能重大提升

摘要：年底首次开启阿里云容器服务公测年月正式商业化年月成为国内唯一合作伙伴并推出专有云企业版，月实现产品国际化。阿里云容器服务为增加了阿里云云盘和等分布式存储服务支持。阿里云容器服务为此进一步提升了易用性，降低了部署管理和应用开发门槛。摘要：作为容器编排系统的两大流派， Kubernetes和Swarm的重要性不言而喻。融合了两大高性能集成的阿里云容器服务，不仅可以降低50%的基础架构成...

keelii 2019-06-28 16:10 评论0 收藏0
前端每周清单第 49 期：Webpack 4 Beta 尝鲜，React Windowing 与 s

摘要：尽管等待了多年，但是最终还是发布了正式版本与上一个版本相比未有重大变化，主要着眼于部分错误修复与提升。能够将异步函数移入独立线程中，可以看做函数的单函数简化版。不过需要注意的是，仅支持纯函数，其会在独立的作用域中运行这些函数。 showImg(https://segmentfault.com/img/remote/1460000013038757); 前端每周清单专注前端领域内容，以对...

muzhuyu 2019-08-26 11:31 评论0 收藏0
2016年最具潜力前端开源项目Top20

摘要：作为年最具潜力，乃至最具影响力的前端开源项目真的不为过。通过上的介绍，这个项目是偏右阿里的前端大牛和阿里的前端大牛主导，而且从中也不难看出有些部分是来自参与过的项目。 showImg(https://segmentfault.com/img/bVH8b2?w=900&h=500); 在2016年，前端的开源世界越发精彩，Vue的不断壮大，Angular 2的发布，Amaze UI 3....

winterdawn 2019-08-30 13:21 评论0 收藏0
2016年最具潜力前端开源项目Top20

摘要：作为年最具潜力，乃至最具影响力的前端开源项目真的不为过。通过上的介绍，这个项目是偏右阿里的前端大牛和阿里的前端大牛主导，而且从中也不难看出有些部分是来自参与过的项目。 showImg(https://segmentfault.com/img/bVH8b2?w=900&h=500); 在2016年，前端的开源世界越发精彩，Vue的不断壮大，Angular 2的发布，Amaze UI 3....

xiguadada 2019-08-20 13:39 评论0 收藏0