当前位置: 首页 > Web前端 > HTML

Bootstrap4重大更新,亮点解读

时间:2023-04-02 23:09:03 HTML

Bootstrap4重大更新,亮点解读8月19日对于Bootstrap来说是一个特殊的日子——不仅是项目四周年,也是经过一年的深耕细作后Bootstrap4发布的日子的内测。Bootstrap4是一个重大更新,几乎涉及每一行代码。新内容Bootstrap4中的主要更新太多,无法涵盖本文的所有内容,但这里有一些亮点:从Less迁移到Sass:现在,Bootstrap已加入Sass家族。感谢Libsass,Bootstrap的编译速度比以前更快;改进的网格系统:增加了一个新的网格层以适应移动设备,并纠正了语义混合。支持灵活盒模型(flexbox)的选择:这是一个划时代的功能——只要修改一个布尔变量,就可以利用flexbox的优势进行快速布局。Deprecatedwells,thumbnailyandpanelsandreplacedwithcards:Cards是一个新概念,但它们与井、缩略图和面板类似,使用起来更方便。将所有HTML重置样式表集成到Reboot中:在没有使用Normalize.css的地方可以使用Reboot,它提供了更多的选项。例如box-sizing:border-box,margintweaks,等都存储在一个Sass文件中。新的自定义选项:不再像以前的版本那样将渐变、淡入淡出、阴影和其他效果分离到单独的样式表中。相反,将所有选项移动到一个Sass变量中。想要为全局或意外的角落定义默认效果?很简单,更新变量值,然后重新编译即可。不再支持IE8,使用rem和em单位:放弃对IE8的支持意味着开发人员可以安全地利用CSS的优势,而无需研究CSShack或回退机制。使用rem和em代替px单位更适合响应式布局和组件大小的控制。如果要支持IE8,只能继续使用Bootstrap3。重写所有JavaScript插件:为了利用新的JavaScript特性,Bootstrap4重写了ES6中的所有插件。UMD支持、通用拆卸方法、选项类型检查等功能现已可用。改进的工具提示和弹出框的自动定位:这部分得益于Tether工具的帮助改进的文档:所有文档都以Markdown格式重写,添加了一些方便的插件来组织示例和代码片段,文档使用起来会更方便,搜索优化工作也在进行中。更多变化:支持自定义表单控件、空白和填充类,以及新的实用程序类等等。以上更新只是冰山一角。v4版本有超过1100次提交和120,000行代码更新。这些更新可以在v4-alpha文档中查看持续更新,多多关注