Bootstrap v4.0.0-alpha.6 发布,最后一个 alpha

来源: 投稿
作者: 两味真火
2017-01-07

Bootstrap v4.0.0-alpha.6 发布了,Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等。

值得关注的更新:

  • Flexbox is now on by default, with no fallback! This means we've dropped IE9 support, but with significant savings to our code base, simpler components, and improved customization thanks to the power of flexbox.

  • Rebuilt the navbar with flexbox in mind, leading to some structural changes, but including more flexibility and customization. Includes updated docs, code snippets, more responsive options. All navbars in our examples are also using the latest markup and styles now. Also solves around 10 bugs in the process!

  • Overhauled flexbox utilities and documented them. Replaced all the previous flexbox utilities with new ones that are named after property: value pairs (instead of creating new names for things). For example, .flex-items-between is now .justify-content-between to apply justify-content: between;. This also adds tons of new flexbox utilities for displayorderwrap, and more.

  • Revamped navs Sass with flexbox and updated docs. All the floats and clearfixs have been removed, .nav-inline removed (on account of display: flex inlining for us on .nav), added fill and justify options, and more.

  • Building on the grid improvements from Alpha 5, you can now customize container padding across grid breakpoints and optionally remove grid gutters with .no-gutters.

  • Similarly, our flexbox grid system has new classes for automatically sizing columns to the size of their content across viewports (e.g., you can now apply col-xs-6col-md-auto, and col-xl-4 to a single element).

  • Grid, display, float, margin, padding, and text utility classes have been significantly overhauled. In addition to all classes now being responsive, the xs tier no longer requires a breakpoint abbreviation, making for shorter and more descriptive classes and an easier migration from v3. For example, instead of .d-xs-none, it's back to .d-none while it remains .d-{sm,md,lg,xl}-none for those breakpoints.

  • Renamed some .active, all .in, and all .open classes for our JavaScript powered components for more consistent naming. For example, instead it's now .collapse.show instead of .collapse.in and.show > .dropdown-menu instead of .open > .dropdown-menu to better communicate the visibility of elements.

  • Refactored carousel with new, simpler styles, better documentation, and less specific selectors.

  • Rewrote progress component without the <progress> element due to lack of animations, no support for multiple bars, and no support for labels on the progress bars.

  • Fixed some unescaped #s in our SVG data URLs that are used to add vector background-images.

  • Renamed .tag back to .badge, like v3, to avoid conflicts with common WordPress styles.

  • A number of custom form enhancements and bugfixes were made. Label-less custom radios and cehckboxes, fixed SVG URLs in background-images, and more.

  • Updated Normalize.css to v5.0.0.

  • .form-check and .form-check-inline now share the same markup. Switch between the two by adding or removing .form-check-inline as a modifier.

  • Added support for justified navigation when in flexbox mode.

  • Renamed _animation.scss to _transitions.scss for clarity.

  • Added new color variables (e.g., $blue) for additional customization.

完整更新信息请点击这里

下载地址:

展开阅读全文
7 收藏
分享
加载中
最新评论 (12)
不兼容 IE 好,一方面新技术使用没技术债务,一方面可以淘汰一些死磕兼容性的懒惰程序员(之前遇到整天把这些放嘴边的人基本不懂技术)。反正现在移动优先了,把移动设备考虑在内, IE的市场太小了。

死磕兼容的,还不如只实现文本浏览,,,不要管 CSS,回到十几年前,用黑白Nokia就可以浏览的那种。
2017-01-08 14:07
0
回复
举报
Alpha 6 改变有点大,,,之前基于 Grid 的Layout 看起来有点问题。。。Bootstrap 4 alpha 6 将 flex Layout 设置默认的了, Grid 有一个单独文件,变成可选的。
2017-01-08 14:00
0
回复
举报
Flexbox 支持太诱人了,可以干掉所有的老浏览器了。。。
2017-01-07 20:29
0
回复
举报
想兼容???还是用table吧。
2017-01-07 18:18
0
回复
举报

引用来自“晨雨零稀”的评论

不支持IE 9及以下版本,这其实也挺无奈,用户用旧浏览器,写代码的不想兼容,兼容起来麻烦很多,哎。
国人的#Layui#支持IE8,可以试试.
2017-01-07 17:45
0
回复
举报
不支持IE 9及以下版本,这其实也挺无奈,用户用旧浏览器,写代码的不想兼容,兼容起来麻烦很多,哎。
2017-01-07 12:35
0
回复
举报
用的Flexbox,电商网站PC端跟bootstrap4永别了吧。
2017-01-07 12:30
0
回复
举报
期待不要做太大了
2017-01-07 12:03
0
回复
举报
我表示....好久没弄前端了 不会写
2017-01-07 10:50
0
回复
举报
压力好大,希望正式版粗来把
2017-01-07 09:53
0
回复
举报
更多评论
12 评论
7 收藏
分享
返回顶部
顶部