Bootstrap团队已经宣布经过多年的发展,Bootstrap 4终于来了。Bootstrap是开发HTML,CSS和JavaScript应用程序的开源工具包。最新版本比以前的版本做了一些重要的改进。预计三月份正式版发布
版本4.0包括更新的打印样式和实用程序类。现在以不同的方式呈现打印页面,以确保它们的大小合理,而不是仅仅呈现为移动设备。打印显示实用程序包括与标准显示实用程序相匹配的新显示值。
这个新版本还包括一些新的添加剂边界工具,默认为1px的浅灰色边框。这个改进使得开发人员能够更快地增加边界。此外,Bootstrap 4还包含一些更新的Sass地图($ spacers和$ sizes),允许开发人员在CSS代码中添加,删除或替换键值对,从而实现更多定制。
Bootstrap 4.0中的最新功能和改进
Less to Sass
Bootstrap的最新版本现在使用了Sass,而在最后一个版本中它已经使用Less作为其主要的预处理器。基于Sass的Bootstrap源代码最受前端开发人员的青睐,并且可以更快地编写代码。然而,Less和Sass都是非常强大的CSS扩展,这使得CSS更易于维护,具有主题和可扩展性。
Flexbox
Bootstrap 4.0完全采用了Flexbox,这是一个功能更强大的响应式网格。此外,Bootstrap 4.0现在基于改进的变量,混合和地图的“rems”改进了网格系统。
新的自定义选项
新的Bootstrap 4.0加载了Sass变量的最新自定义选项。例如,如果要启用默认转换,只需更新一个变量并重新编译即可。
不支持IE8和IE9
最新版本已经放弃了对IE8和IE9的支持,并利用新的CSS支持,它已经转移到Rem单元进行组件大小调整。此外,为了使排版响应和组件大小,更容易像素已交换rems和EMS。
但是,如果您需要支持IE8 / IE9,Safari 8-,iOS 8-等?继续使用Bootstrap 3。
最新的JavaScript增强
每个插件都在ES6中进行了重写,以便利用新的拆卸方法和选项类型检查来获取最新JavaScript增强的优点。
更好的文档
获得改进的文档系统,核心开发团队通过在Markdown中重写所有内容并添加了几个插件来简化代码片段,从而对其进行了重新设计。这使得使用文档更容易。如:新的搜索表单已被添加!
Bootstrap的下一个发行版将是v4.1,并且将专注于小型新功能,实用程序和响应式字体大小。
本文参考
9ima.com
w3schools
webbymonks
sdtimes
领取专属 10元无门槛券
私享最新 技术干货