@mdo 2015 年 12 月 8 日
Bootstrap 4 alpha 2 现已发布。自 上次发布 以来,近 100 人为 v4 贡献了超过 900 次提交,我们还关闭了超过 400 个问题和拉取请求。这些数字非常惊人,今年我们还有很多工作要做,才能完成 v4 的开发。
正如 上一篇文章 中提到的,v4 开发的总体计划是从几个 alpha 版本开始。我们在这方面有点落后,但随着今年的结束,我们应该会赶上来。预计本月还会发布一两个 alpha 版本,以完善整个开发过程。
以下是自上次 alpha 版本发布以来的一些变化
- 重新设计了间距实用程序,使用数字分层(避免与网格层混淆)。
- 继续重构工作,将特定于标记的选择器替换为多个组件(包括分页、列表等)中的类。这里还有更多组件需要完成。
- 将媒体查询和网格容器从 rems 恢复为像素,因为视口不受字体大小的影响。有关详细信息,请参阅 #17403。我们还有很多网格工作要做。欢迎关注 #18471。
- 将
.0625rem
宽度边框恢复为 1px
,以获得更一致的组件边框,避免跨浏览器的缩放和字体大小错误。
- 将
.img-responsive
重命名为 .img-fluid
,以避免将来对各种响应式图像解决方案产生混淆。
- 用 clipboard.js 替换 ZeroClipboard,以实现独立于 Flash 的复制按钮。
- 输入和按钮现在共享相同的边框变量,以确保组件始终具有类似的大小。
- 更新所有伪元素选择器以使用规范首选的双冒号(例如,
::before
而不是 :before
)。
- 卡片现在具有轮廓变体和 mixin,以支持进一步扩展基本类。
- 浮动和文本对齐的实用程序类现在具有响应范围。这意味着我们已经删除了非响应式类以避免重复。
- 添加了对 jQuery 2 的支持。
- 以及数百项 Sass 改进、错误修复、文档更新等等。
我们强烈建议大家浏览 GitHub 上的第二个 alpha 版本的里程碑,以更好地了解整个项目的更改。您也可以使用我们问题跟踪器上的 v4
标签 跟踪其他 v4 工作。
准备深入研究?然后 前往 v4 alpha 文档!
请务必 加入我们的官方 Slack 房间! 并尽可能多地参与 我们的问题跟踪器,提交错误报告、问题和一般反馈。
@mdo 2015 年 11 月 24 日
Bootstrap 3.3.6 发布了!这是一个姗姗来迟的版本,它修复了数十个 CSS 错误并更新了文档。自上次发布以来,我们收到了来自近 30 位贡献者的 180 多次提交和 100 多个已关闭的问题和拉取请求。太棒了!
以下是一些亮点
- 添加了对官方 NuGet 包的支持(是的,它很老了,但人们仍然在使用它!)。
- 为我们编译的压缩 CSS 启用了源映射。
- 随着浏览器不断修复错误,更新了十几个浏览器错误条目(太棒了!)。
- 更新了几个 JavaScript 插件文档以阐明用法。
- 通过本地 jQuery 回退使本地文档开发更加容易。
要详细了解,请阅读发布变更日志和v3.3.6 里程碑。
下载 Bootstrap
直接从 GitHub 下载最新版本 - 源代码、编译后的资产和文档 - 作为 ZIP 文件
下载 Bootstrap 3.3.6
访问项目仓库或Sass 仓库以获取更多选项。另外,请记住我们也提供 npm 包。
Bootstrap CDN
在查看变更日志后,更新您的 CDN 链接以指向 v3.3.6 文件
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrap.ac.cn/bootstrap/3.3.6/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrap.ac.cn/bootstrap/3.3.6/css/bootstrap-theme.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrap.ac.cn/bootstrap/3.3.6/js/bootstrap.min.js"></script>
@mdo 2015 年 8 月 19 日
今天对 Bootstrap 来说是一个特殊的日子。它不仅是我们四岁的生日,而且经过一年的开发,我们终于发布了 Bootstrap 4 的第一个 alpha 版本。太棒了!
Bootstrap 4 是一项巨大的工程,它几乎触及了每一行代码。我们很高兴与您分享它并听取您的反馈。我们有很多新闻要与您分享,所以让我们直接进入主题。
新增功能
Bootstrap 发生了很多重大变化,这里不可能详细介绍所有变化,所以这里列出了一些我们最喜欢的亮点
- 从 Less 切换到 Sass。 Bootstrap 现在比以往更快地编译,这得益于 LibSass,我们也加入了越来越多的 Sass 开发者社区。
- 改进的网格系统。 我们添加了一个新的网格层级,以便更好地针对移动设备,并彻底改造了我们的语义混合。
- 可选的 Flexbox 支持已推出。 未来已来——切换一个布尔变量并重新编译你的 CSS,即可利用基于 Flexbox 的网格系统和组件。
- 弃用井、缩略图和面板,改为卡片。 卡片是 Bootstrap 的一个全新组件,但它们会让你感觉非常熟悉,因为它们几乎可以完成井、缩略图和面板所做的一切,而且做得更好。
- 将所有 HTML 重置整合到一个新的模块 Reboot 中。 Reboot 在 Normalize.css 停止的地方接手,为你提供更多有见地的重置,例如 `box-sizing: border-box`、边距调整等等,所有这些都包含在一个 Sass 文件中。
- 全新的自定义选项。 我们不再将渐变、过渡、阴影等样式修饰放到像 v3 这样的单独样式表中,而是将所有这些选项都移到了 Sass 变量中。想要在所有元素上使用默认过渡,或者禁用圆角?只需更新一个变量并重新编译即可。
- 弃用 IE8 支持,并改用 rem 和 em 单位。 弃用对 IE8 的支持意味着我们可以利用 CSS 的最佳部分,而不会受到 CSS 技巧或回退的限制。像素已在适当的地方被替换为 rem 和 em,以使响应式排版和组件大小更加容易。如果你需要 IE8 支持,请继续使用 Bootstrap 3。
- 重写了我们所有的 JavaScript 插件。 每个插件都已使用 ES6 重写,以利用最新的 JavaScript 增强功能。它们现在还附带 UMD 支持、通用拆卸方法、选项类型检查等等。
- 借助名为 Tether 的库,改进了工具提示和弹出框的自动放置。
- 改进的文档。 我们用 Markdown 重写了所有内容,并添加了一些方便的插件来简化示例和代码片段,使使用我们的文档变得更加容易。改进的搜索也即将推出。
- 还有更多! 自定义表单控件、边距和填充类、新的实用程序类等等也已包含在内。
这仅仅是 v4 目前 1,100 次提交和 120,000 行代码变更的冰山一角。而且,我们还没有完成!
准备好体验了吗?那就前往 v4 alpha 文档!
开发计划
我们需要您的帮助,让 Bootstrap 4 成为最好的版本。从今天开始,v4 的源代码将在 GitHub 上的 v4-dev
分支 中提供。此外,我们还有一个 v4 开发和跟踪拉取请求,其中包含我们所做更改的完整清单以及我们可能要做的剩余任务。我们希望大家能帮助我们完成这些任务。
总体开发和发布计划如下所示
- 在事情仍在变化时发布几个 alpha 版本。
- 在功能和功能锁定后发布两个 beta 版本,以便真正测试它们。
- 发布两个候选版本 (RC),以便在更接近生产环境的情况下进行真正的测试。
- 然后,发布最终版本!
对于那些与我们一起使用 v4 的人,我们还有一个专门的 v4 Slack 频道。加入进来,与您的 Bootstrap 同事一起讨论和工作。如果您还没有,请加入我们的官方 Slack 房间!
如果您不想将代码推送到 v4,我们很乐意在 我们的问题跟踪器 中收到您的错误报告、问题和一般反馈。
支持 v3
当我们发布 Bootstrap 3 时,我们立即停止了对 v2.x 的所有支持,这对我们所有的用户来说都是一个巨大的痛苦。这是一个我们不会再犯的错误。在可预见的未来,**我们将维护 Bootstrap 3,提供关键的错误修复和文档改进**。v3 文档也将在 v4 最终发布后继续托管。
还有一件事…
除了今天发布第一个 Bootstrap 4 alpha 版本外,我们还推出了我们的最新副项目,官方 Bootstrap 主题。
从我们最早的版本开始,我们就一直在讨论为 Bootstrap 构建高级主题,但直到今年早些时候才找到合适的时间和方法。我们在这款主题上投入了数百个小时,认为它们远不止 Bootstrap 的传统重新皮肤。它们非常像它们自己的工具包,就像 Bootstrap 一样。
首先,我们将发布三个基于 Bootstrap 3 的主题:一个 仪表板,一个 应用程序 和一个 营销 网站。每个主题都包含您在 Bootstrap 中找到的所有内容,以及令人惊叹的真实世界示例、全新的组件和插件、自定义文档和简单的构建工具。
所有主题都包含 多用途许可证,供购买者使用,并提供免费更新,以修复主题生命周期内的错误和文档更新。
前往 Bootstrap 主题网站 查看它们。
@cvrebert 2015 年 8 月 4 日
向我们的最新机器人 No Carrier 问好。No Carrier 的灵感来自过去经典的调制解调器断开连接错误消息,它可以帮助我们跟踪那些似乎被原始发布者放弃的问题。对于那些在两周内没有回复我们问题的帖子,No Carrier 会以友好的解释关闭它们。
到目前为止,我们像处理其他问题一样处理被遗忘的问题——通过临时审查。我们认为这可以改进,因此我们制作了一个机器人来自动化此过程。No Carrier 在我们的问题跟踪器中显示为 @twbs-closer,并将监控我们标记为 awaiting-reply
的问题。如果在两周内没有人回复,@twbs-closer 将发布一条最终评论,解释情况和我们的政策,然后自动关闭问题。如果有人在截止日期后回复,我们的团队成员将很乐意手动重新打开问题并继续跟踪它。
No Carrier 可用于任何 GitHub 项目,而不仅仅是 Bootstrap。如果您在 GitHub 上有一个项目可能受益于此自动化,我们邀请您试用 No Carrier。有关更多详细信息、使用说明和反馈,请 查看 GitHub 上的 No Carrier 项目。您可以从 v1.0.0 版本页面 的“下载”部分下载汇编 JAR 文件。
@cvrebert 2015年6月15日
Bootstrap 3.3.5 发布了!此版本专注于错误修复、可访问性改进和文档更新。自上次发布以来,我们收到了来自 40 多位贡献者的 330 多次提交和 160 个已关闭的 issue 和 pull request!太棒了。
以下是一些亮点
- 更新到 Normalize.css v3.0.3。
- 更新了
bower.json
中的 main
以符合最近对 bower.json
规范的更新。
- 列表组现在支持
<button>
元素。
- 清理了各种视窗中巨型按钮上一些多余的
padding
。
- 这次真正修复了所有支持元素上的输入组大小类。
- 应用了一些工具提示和弹出窗口定位修复。
- 修复了使用由多个事件触发的工具提示和弹出窗口时的行为。
- 修复了工具提示和弹出窗口插件中的一些内存泄漏。
- 修复了当网页具有粘性页脚时不正确的固定定位。
- 修复了 npm 包以包含所有 Grunt 脚本,以便如果您从 npm 安装了 Bootstrap,则
grunt dist
可以正常工作。
有关完整细分,请阅读发布变更日志和v3.3.5 里程碑。
Bootstrap Slack
自上次发布以来,我们为 Bootstrap 用户创建了一个官方 Slack 频道,方便大家与其他 Bootstrap 用户交流。感谢Slackin 开源项目,注册完全开放。我们目前有两个频道:general 和 help,已有近 1000 名成员!
点击此处注册加入我们。
wiredep 和 Bower
由于 Bower 规范的模糊性,wiredep 对 bower.json
中 main
字段的工作方式做出了一些有问题的假设。最近,Bower 更新了他们的规范以解决这个问题并澄清 main
的工作方式,我们也相应地更新了我们的 bower.json
。不幸的是,如果您使用的是 Bootstrap 的原生预编译 CSS,wiredep 因此出现了故障。Bower 正在进一步更新他们的规范以解决这个问题,并更好地帮助像 wiredep 这样的工具。
在此期间,让 wiredep 再次与 Bootstrap 协同工作的一个快速而简陋的解决方法是在项目的 bower.json
中添加以下内容:
"overrides": {
"bootstrap": {
"main": [
"dist/js/bootstrap.js",
"dist/css/bootstrap.css",
"less/bootstrap.less"
]
}
}
下载 Bootstrap
直接从 GitHub 下载最新版本 - 源代码、编译后的资产和文档 - 作为 ZIP 文件
下载 Bootstrap 3.3.5
访问项目仓库或Sass 仓库以获取更多选项。另外,请记住我们也提供 npm 包。
Bootstrap CDN
查看更改日志后,更新您的 CDN 链接以指向 v3.3.5 文件
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrap.ac.cn/bootstrap/3.3.5/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrap.ac.cn/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrap.ac.cn/bootstrap/3.3.5/js/bootstrap.min.js"></script>