Bootstrap v4.6.1

@mdo 2021 年 10 月 28 日

Bootstrap v4.6.1 终于发布了!最大的变化是重新实现了我们的 Sass 除法函数,并从 v5 更新,以及一些可访问性改进和一般错误修复。

继续阅读以了解亮点,或 前往 v4.6.x 文档 以查看最新内容。

更新内容

  • 用乘法和自定义 divide() 函数替换 Sass 除法
  • fix(forms): 输入组和验证图标
  • 修复 FF 中由 moz-focusring 引起的轻微视觉错误
  • 调整 SAFE_URL_PATTERN 正则表达式以用于正则表达式的测试方法
  • SAFE_URL_PATTERN 中添加 sms 用于消毒器
  • 调整 select.form-control 的反馈图标位置和填充
  • 轮播:使用按钮,而不是链接,作为上一个/下一个控件
  • v4:默认变量的 Sass 文档
  • 处理 add() & subtract() 中的复杂表达式
  • add()subtract() 的更简洁改进
  • 从下拉菜单中删除 aria-haspopup
  • 下拉菜单:支持用 <li> 标签包裹的 .dropdown-item
  • 更新 JS 测试中的 Node 版本(删除 Node 10,添加 Node 16)并在微调器中添加 vertical-align 变量
  • 将 Freenode 替换为 Libera IRC 服务器
  • 修复导航栏文档描述中的重复
  • 在实用程序中启用带负边距的 0.x
  • 删除打印 thead 规则
  • 修复阻止 show 事件再次显示带有淡入淡出类的模态框
  • 带有自定义文件输入的输入组验证
  • 添加 eslint-plugin-qunit 并加强 JS 测试
  • 将我们的测试更新到 Node 16 和 npm 8
  • 禁用链接清理

查看 GitHub v4.6.1 版本发布变更日志 以获取更多详细信息。

接下来

在此版本之后,我们将重新回到 v5 开发,专注于 v5.2.0,其中将包含一些使用更多 CSS 变量和其他很棒功能的额外更新。在那之后,我们希望发布 v4.7.0 版本,其中包含一些移植的功能和对 v4 的改进。

请继续反馈我们如何改进,我们的版本发布效果如何,以及任何其他建议。

支持团队

访问我们的 Open Collective 页面 或我们的 团队成员 的 GitHub 个人资料,以帮助支持为 Bootstrap 做出贡献的维护者。

Bootstrap 图标 v1.6.0

@mdo 2021 年 10 月 13 日

Bootstrap 图标 v1.6.0 添加了 30 多个新图标,添加了官方 Composer 支持,包含一个用于图标字体的新的 .scss 样式表,以及其他一些增强功能和错误修复。继续阅读以了解新功能!

1,400+ 个图标

随着本次发布,Bootstrap Icons 的字形数量正式突破 1,400 个——太棒了!这个项目发展到今天,还有如此多的图标需要添加,简直令人难以置信。

New icons in v1.6.0

本次发布中,我们新增和更新了一些图标,包括:

  • 新增 Apple、Behance、Dribbble、Line、Medium、Microsoft、PayPal、Pinterest、Signal、Snapchat、Spotify、Stack Overflow、Strava、Vimeo、Windows 和 WordPress 的品牌图标
  • 新增两个画架变体
  • 新增指纹图标
  • 新增魔杖图标
  • 新增旋转目录、工作区和视频聊天的人员变体
  • 新增网络摄像头图标
  • 新增放射性图标
  • 新增风扇图标
  • 新增催眠图标
  • 新增阴阳图标
  • 新增活动/脉冲图标
  • 更新了大型破折号、加号、斜杠、X、i、?、!和勾号图标,使其笔划更细,与其他图标更匹配
  • 更新了灯泡图标
  • 更新了 graph-upgraph-down 图标,之前的图标已重命名为 graph-up-arrowgraph-down-arrow

新增功能

在本版本中,我们添加了一些新功能和增强功能,让您能够更方便地使用 Bootstrap Icons。

  • 新增 Composer 支持,并自动发布到 Packagist。有关更多信息,请参阅 官方包

  • 新增 bootstrap-icons.scss 样式表用于图标字体。 这包括字体名称和路径变量,以及一个包含图标名称和 Unicode 值的 Sass 映射。

  • 新增 .bi CSS 选择器到图标字体规则集(除了我们在 v1.5.0 中使用的属性选择器),以便更轻松地 @extend 图标样式。这也在新的 .scss 样式表中得到了体现。

我们下一个次要版本将继续改进我们的图标永久链接页面,添加更多用于复制和粘贴图标的选项。如果您还有其他建议,请随时打开一个新问题!

错误修复

在本版本中,我们修复了一些现有图标的错误。

  • droplet-fill 现在由于更新的填充规则而可以正确渲染
  • lamplamp-fill 现在看起来更像灯泡,而不是马桶 😅
  • coin 现在由于更新的填充规则而可以正确渲染
  • cloud 现在由于更新的填充规则而可以正确渲染
  • textarea-resize 现在不再错误地放置在 viewBox

发现其他错误,或有建议?请查看问题跟踪器,如果您没有看到已打开的问题,请打开一个新问题。

安装

要开始使用,请通过 npm 安装或更新

npm i bootstrap-icons

或 Composer

composer require twbs/bootstrap-icons

您也可以 从 GitHub 下载发布版本,或 仅下载 SVG 和字体(不包含其他存储库文件)。

Figma

Figma 文件现已发布到 Figma 社区!它是与之前版本相同的 Bootstrap Icons Figma 文件,只是对使用该应用程序的用户来说更容易访问。

Bootstrap 5.1.2

@mdo 2021 年 10 月 5 日

Bootstrap v5.1.2 发布了,包含了我们组件的一些改进,以及修复了另一个项目中阻止我们的 Sass 正确编译的问题。继续阅读以了解亮点。

亮点

  • 通过重新排列使用负数的 calc() 函数,暂时修补了 postcss-values-parser 问题。这应该恢复在 create-react-app 中导入和编译 Bootstrap 的 Sass 的能力。
  • 为小型和大型 .form-select 添加了 border-radius 大小
  • 为按钮添加了 align-self: center,以改进在 flex 容器中的渲染
  • 修复了阻止在兄弟节点之间切换的 Collapse 回归
  • 更新了 JS Sanitizer,在 SAFE_URL_PATTERN 中添加了 sms
  • 改进了关于 .img-fluid 的文档
  • 在我们的文档中,为我们的表单开关添加了 role="switch"
  • 实施了 GitHub 问题表单来替换我们之前的 issue 模板。

接下来

接下来是我们的 v5.2.0 版本,将添加更多实用程序改进,并修复 Sass 如何处理重新分配的映射和变量 的问题。除此之外,我们很快也会发布 v4 的更新。

获取发布版本

前往 https://bootstrap.ac.cn 获取最新版本。 它也已推送到 npm

npm i bootstrap

查看 GitHub v5.1.2 版本发布日志,了解自上次发布以来的所有更改。

支持团队

访问我们的 Open Collective 页面 或我们的 团队成员 的 GitHub 个人资料,以帮助支持为 Bootstrap 做出贡献的维护者。

Bootstrap 5.1.1

@mdo 2021 年 9 月 7 日

Bootstrap v5.1.1 已发布,包含一些错误修复和文档改进。在此版本之后,我们将发布另一个错误修复和文档更新,然后继续开发其他新功能。继续阅读以了解亮点。

亮点

  • 修复了 .bg-body 实用程序的错误。 这是由文本和背景都使用相同的 --body-rgb CSS 变量引起的。--body-rgb 现在已拆分为 --body-color-rgb--body-bg-rgb 以便于正确使用。虽然这可能被认为是重大更改,但当前的实现完全是错误的,因此我们选择直接解决此问题。
  • 所有 CSS 分发构建现在都包含 _root.scss 和所有 :root 级别的 CSS 变量。 这样做是为了确保分发文件的一致性,无论您使用哪种 CSS 构建,您都拥有相同的定制潜力。
  • 更新了 全局选项页面 以记录 $enable-smooth-scroll 变量。
  • 堆叠页面 中添加了关于 gap 与 flexbox 浏览器支持的说明。
  • 清理了 禁用链接 的文档和用法,特别是对于基于 <a> 的按钮。
  • 修复了模态回归之间的切换。 查看文档示例。
  • 修复了工具提示中的回归,其中内容在第一次 show() 后不会更新。
  • 修复了折叠切换意外隐藏子级选项卡面板的问题。
  • 改进了警报的实时示例文档。
  • 更新了 $dropdown-link-hover-color 以修改 $dropdown-link-color 而不是基础 $gray-900 变量,以提高自定义性。
  • 澄清了我们 Webpack 指南中 JavaScript 导入用法

关于 Sass 编译器

我们收到了一些 Visual Studio 用户的反馈,他们提到在使用 Web Compiler 扩展 时,Bootstrap 5.1.0 的 Sass 编译出现问题。该扩展已经五年多没有更新了,因此我们建议您迁移到更新的替代方案。一些用户提到了 Sass Compiler 扩展 作为成功的替代方案。如果您有其他建议,请 留下评论分享

获取发布版本

前往 https://bootstrap.ac.cn 获取最新版本。 它也已推送到 npm

npm i bootstrap

查看 GitHub v5.1.1 版本发布日志,获取自上次发布以来的所有更改列表。

支持团队

访问我们的 Open Collective 页面 或我们的 团队成员 的 GitHub 个人资料,以帮助支持为 Bootstrap 做出贡献的维护者。

Bootstrap 十周年

@mdo 2021 年 8 月 19 日

十年前的今天,我们发布了 Bootstrap 的第一个版本。在 GitHub 上发布它是我第一次真正涉足开源——真是一个令人难忘的开始!十年过去了,Bootstrap 已经成为网络上使用最广泛的开源项目和前端工具包之一。生日快乐,Bootstrap——真是太棒了!

虽然数字并不能说明全部,但 Bootstrap 在过去十年中取得了一些令人难以置信的里程碑。以下是一些亮点

  • 我们的文档页面浏览量超过 25 亿次。 每天超过 685,000 次。
  • 自 2015 年以来,npm 下载量达到 394,000,000 次——仅 2020 年就超过 1.31 亿次。过去六年每天超过 180,000 次。
  • 5000 万次 RubyGems 下载
  • 5700 万次 NuGet 下载
  • 750 万次 Packagist 安装
  • 被超过 22% 的网站 使用
  • 在 GitHub 上被 270 万个项目使用
  • GitHub 上超过 21,100 次提交,近 35,000 个问题和拉取请求

隐藏在这些数字背后的,是数百万计的人,他们仅仅通过访问使用 Bootstrap 构建的网站和应用程序,就与 Bootstrap 产生了互动。看到这些年来 Bootstrap 构建出的东西,仍然令人难以置信,尤其是考虑到它最初的起源。

早在 2011 年初,我们两个人只是在 Twitter 工作的两个书呆子——Jacob 是一名工程师,负责内部工具,而我是一名产品设计师,负责广告。当我在做的项目需要一个内部工具应用程序来管理 Twitter 广告活动时,我们的道路交汇了。在几个月的时间里,我们开始越来越多地一起工作,最终决定将我们的项目发布到全世界。

十年后的今天,我们仍然只是一小群书呆子,做着我们热爱的事情,为开源做出贡献,并通过我们的工作影响着人们的生活。Bootstrap 仍然是我的一个激情项目,从重大重写到新功能,从不断增长的 图标库 到完整的 市场。这是一段不可思议的旅程,并且由于社区的热爱和多年来一小群维护者的支持,它仍在继续。

维护者和贡献者应受到最大的感谢和赞赏。请加入我,感谢他们——以及所有其他开源维护者!——无论何时何地,只要您能做到。虽然这份名单永远无法完全代表对 Bootstrap 的所有贡献,但我还是想特别感谢过去和现在的维护者,以及一些最杰出的贡献者。

再次感谢大家。对于所有这些年来使用 Bootstrap 的人,感谢你们让 Bootstrap 的十年发展成为可能。敬祝未来一切顺利,我们很快将在下一个版本中与大家见面。

<3,
@mdo