QQ20150820-1@2x.png

今天对Bootstrap来说是个特别的日子,不仅是因为过了第四个生日。经过一年的开发,我们的第一个Bootstrap 4的Alpha版本终于出炉了。

Bootstrap 4经过了大量的改造,几乎涉及到每一行代码。我们兴奋地跟你分享这个成果并且聆听你的反馈。我们有大量的消息要跟你分享,以下听我细细道来。

有什么新的东东

Bootstrap有太多重大的变化,无法在这里全部详细地介绍,所以这里仅是我们最喜欢的一些亮点:

  • 从Less迁移至Sass:感谢Libsass,Bootstrap现在的编译速度比往任何时候都快,我们加入了越来越大的SASS开发者阵营。
  • 改进栅格系统:我们新增了一个栅格层,以更好地适应移动设备,并且全部整理了语义混合(此处译得略怪)
  • 选择了对部分flex box的支持:拥抱未来—-切换一个布尔变量,并且重新编译你的CSS来使用基于栅格的系统和组件。
  • 使用Cards,放弃wells、thumbnail和panels:Cards是一种全新的Bootstrap组件,但大家会感觉十分熟悉,几乎跟wells, thumbnails, 和panels做的一样,并且只会做得更棒。
  • 合并所有的HTML resets到一个叫作Reboot的新模块:Reboot in where Normalize.css stops,在一个独立的Sass文件中给你更多的可选resets,比如box-sizing: border-box,外边距调整等所有设置。
  • 新的定制选项:我们把所有的样式修饰如渐变、过渡、阴影等选项全部移到了Sass变量中,而不像v3那样放在一个独立的样式表中。如果想要所有元素的过渡效果或是禁用圆角,很简单,只要更新一个变量并重新编译。
  • 放弃IE8的支持,使用rem和em单位:放弃IE8的支持意味着我们能够利用CSS中最好的部分,不用理会该死的CSS hacks或是降级处理。为了使排版和组件的尺寸能够更容易地支持响应式布局,用相对单位(em和rem)来替换像素单位(pixels)。如果你需要支持IE8,那么请继续使用Bootstrap 3。
  • 重写了我们所有的JavaScript插件:每个插件都使用ES6标准重写,以便能利用最新的JavaScript功能。同时带来的还有UMD支持,一般的teardown方法,选项类型检查等更多功能。
  • 改进自动匹配的tooltips和popovers:感谢叫作Tether的帮助工具。
  • 改进文档:我们用Markdown重写的所有文档,并且添加了一些使例子简单化的方便的插件和代码片段,使得用我们的文档进行工作更容易。改进的搜索也已经快来了。
  • 还有非常多!:包含了自定义表单控件,外边距和内边距类,新的工程类等更多的东西……

然而这仅仅是对到目前为止v4版的1100次提交和120000行修改作肤浅的探讨,另外,我们还没有完成!

准备好了吗?那么,转到这片v4 alpha文档吧!

从今天开始,v4的源代码可以在Github上的v4-dev分支检出,小伙伴们,准备好了吗?

更多内容请阅读原文《Bootstrap 4 alpha