codecamp

Bootstrap4 首个Beta版发布:距上次发布已7月之久!

北京时间2017年8月12日,Bootstrap 4 的首个 Beta 版终于发布了。此次Beta版本距离上次发布 4.0 的最后一个 alpha 版已经过去了 7 个月。

该版本取消将 Normalize.css 作为依赖关系,而是 fork 其中的一部分并和 Bootstrap 自家的 Reboot 混合,以获得更稳定的标准化方法。还对导航、网格进行了改进以及对 Flexbox 进行一些兼容性的处理。

此外,该版本将 jQuery 和 Popper 移动到了 peerDependencies ,因为它们不是 Bootstrap 每个部分所要求的。往下阅读更多的更新内容。

值得关注的更新:

  • Dropped Normalize.css as a dependency, forking some of it and remixing it with our own Reboot for a more stable normalization approach.
  • Update navbar responsive behaviors to be mobile first, use a new class name .navbar-expandinstead of .navbar-toggleable, remove toggler position modifiers (relies on flex utils now), and fix a handful of bugs.
  • Stabilize some grid behaviors and update the docs.
  • Updated the grid to drop push, pull, and offset in favor of new .order- modifiers and margin utilities.
  • Renamed tons of variables (see #22414 and #22092) for a more consistent naming scheme.
  • Removed remaining cursor: pointers to restore browser defaults and better indicate actions vs hyperlinks.
  • Renamed flexbox order utilities to better match utility naming scheme of .property-value.
  • Restored Alpha 5's placement of _custom.scss in our import order.
  • Rewrote display and responsive utilities to de-dupe a bunch of functionality.
  • Removed Gruntfile and docs from package manager builds.
  • Overhauled our color system with new Sass maps, variables, classes, and component variants.
  • Updated browser support to bring ranges up to more recent versions.
  • Added a bash script for linting unused variables.
  • Moved jQuery and Popper to peerDependencies as they're not requirements for every part of Bootstrap.

点此查看完整的更新说明

下载地址

以上便是小编为您带来的Bootstrap4的最新消息,关注W3Cschool官网,我们将持续为您带来最新最前沿的技术讯息!

Bootstrap 入门教程
Bootstrap v4.0.0-beta.2 发布,Web 前端 UI 框架
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

Bootstrap 相关教程

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }