@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 做出贡献的维护者。
@mdo 2021 年 10 月 13 日
Bootstrap 图标 v1.6.0 添加了 30 多个新图标,添加了官方 Composer 支持,包含一个用于图标字体的新的 .scss
样式表,以及其他一些增强功能和错误修复。继续阅读以了解新功能!
1,400+ 个图标
随着本次发布,Bootstrap Icons 的字形数量正式突破 1,400 个——太棒了!这个项目发展到今天,还有如此多的图标需要添加,简直令人难以置信。
本次发布中,我们新增和更新了一些图标,包括:
- 新增 Apple、Behance、Dribbble、Line、Medium、Microsoft、PayPal、Pinterest、Signal、Snapchat、Spotify、Stack Overflow、Strava、Vimeo、Windows 和 WordPress 的品牌图标
- 新增两个画架变体
- 新增指纹图标
- 新增魔杖图标
- 新增旋转目录、工作区和视频聊天的人员变体
- 新增网络摄像头图标
- 新增放射性图标
- 新增风扇图标
- 新增催眠图标
- 新增阴阳图标
- 新增活动/脉冲图标
- 更新了大型破折号、加号、斜杠、X、i、?、!和勾号图标,使其笔划更细,与其他图标更匹配
- 更新了灯泡图标
- 更新了
graph-up
和 graph-down
图标,之前的图标已重命名为 graph-up-arrow
和 graph-down-arrow
新增功能
在本版本中,我们添加了一些新功能和增强功能,让您能够更方便地使用 Bootstrap Icons。
-
新增 Composer 支持,并自动发布到 Packagist。有关更多信息,请参阅 官方包。
-
新增 bootstrap-icons.scss
样式表用于图标字体。 这包括字体名称和路径变量,以及一个包含图标名称和 Unicode 值的 Sass 映射。
-
新增 .bi
CSS 选择器到图标字体规则集(除了我们在 v1.5.0 中使用的属性选择器),以便更轻松地 @extend
图标样式。这也在新的 .scss
样式表中得到了体现。
我们下一个次要版本将继续改进我们的图标永久链接页面,添加更多用于复制和粘贴图标的选项。如果您还有其他建议,请随时打开一个新问题!
错误修复
在本版本中,我们修复了一些现有图标的错误。
droplet-fill
现在由于更新的填充规则而可以正确渲染
lamp
和 lamp-fill
现在看起来更像灯泡,而不是马桶 😅
coin
现在由于更新的填充规则而可以正确渲染
cloud
现在由于更新的填充规则而可以正确渲染
textarea-resize
现在不再错误地放置在 viewBox
中
发现其他错误,或有建议?请查看问题跟踪器,如果您没有看到已打开的问题,请打开一个新问题。
安装
要开始使用,请通过 npm 安装或更新
或 Composer
composer require twbs/bootstrap-icons
您也可以 从 GitHub 下载发布版本,或 仅下载 SVG 和字体(不包含其他存储库文件)。
Figma
Figma 文件现已发布到 Figma 社区!它是与之前版本相同的 Bootstrap Icons Figma 文件,只是对使用该应用程序的用户来说更容易访问。
@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
查看 GitHub v5.1.2 版本发布日志,了解自上次发布以来的所有更改。
支持团队
访问我们的 Open Collective 页面 或我们的 团队成员 的 GitHub 个人资料,以帮助支持为 Bootstrap 做出贡献的维护者。
@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
查看 GitHub v5.1.1 版本发布日志,获取自上次发布以来的所有更改列表。
支持团队
访问我们的 Open Collective 页面 或我们的 团队成员 的 GitHub 个人资料,以帮助支持为 Bootstrap 做出贡献的维护者。
@mdo 2021 年 8 月 19 日
十年前的今天,我们发布了 Bootstrap 的第一个版本。在 GitHub 上发布它是我第一次真正涉足开源——真是一个令人难忘的开始!十年过去了,Bootstrap 已经成为网络上使用最广泛的开源项目和前端工具包之一。生日快乐,Bootstrap——真是太棒了!
虽然数字并不能说明全部,但 Bootstrap 在过去十年中取得了一些令人难以置信的里程碑。以下是一些亮点
隐藏在这些数字背后的,是数百万计的人,他们仅仅通过访问使用 Bootstrap 构建的网站和应用程序,就与 Bootstrap 产生了互动。看到这些年来 Bootstrap 构建出的东西,仍然令人难以置信,尤其是考虑到它最初的起源。
早在 2011 年初,我们两个人只是在 Twitter 工作的两个书呆子——Jacob 是一名工程师,负责内部工具,而我是一名产品设计师,负责广告。当我在做的项目需要一个内部工具应用程序来管理 Twitter 广告活动时,我们的道路交汇了。在几个月的时间里,我们开始越来越多地一起工作,最终决定将我们的项目发布到全世界。
十年后的今天,我们仍然只是一小群书呆子,做着我们热爱的事情,为开源做出贡献,并通过我们的工作影响着人们的生活。Bootstrap 仍然是我的一个激情项目,从重大重写到新功能,从不断增长的 图标库 到完整的 市场。这是一段不可思议的旅程,并且由于社区的热爱和多年来一小群维护者的支持,它仍在继续。
维护者和贡献者应受到最大的感谢和赞赏。请加入我,感谢他们——以及所有其他开源维护者!——无论何时何地,只要您能做到。虽然这份名单永远无法完全代表对 Bootstrap 的所有贡献,但我还是想特别感谢过去和现在的维护者,以及一些最杰出的贡献者。
再次感谢大家。对于所有这些年来使用 Bootstrap 的人,感谢你们让 Bootstrap 的十年发展成为可能。敬祝未来一切顺利,我们很快将在下一个版本中与大家见面。
<3,
@mdo