工具Bootstrap 3.2.0的新特性

Posted 2021-04-29 InfoQ

最近更新的Bootstrap 3.2版本里增加了以下特性，包括：支持响应式的嵌入内容——涵盖了embed、object和iframe标签元素；若干全新的响应式工具类；以及大量细小改进和Bug修订。

Bootstrap 3.2.0版本在超过1千份提交代码的基础上构建，它为我们带来了若干改进以及大量的Bug修订。作为一套用于搭建基于响应式设计风格的Web站点的框架，Bootstrap的早期版本缺乏对响应式的<embed>、<object>和<iframe>元素的支持，而这一短板已经在最新版本中得以补全。容纳YouTube上面16：9规格视频的响应式html元素，将能够根据展现它的页面的宽度调节自身的尺寸，例如：

<div>

<iframesrc="…(link)…"></iframe>

</div>

其他改进包括：

• 对文档进行了重排和升级，使其更详细且更易于开发。

• 改进了进度条组件，以增加灵活度。

• 提升了许多组件的CSS重绘表现（特别是在滚动页面的时候尤为显著）。

• 轮播组件现在能够支持键盘导航（前进、后退）。

• 模态窗口打开时，将不会再被左移。

此外，3.2.0版本中还增加了一些工具类：block、inline-block和inline。点击这里可以查看该版本中的全部改进和修复的bug。

为了避免由于将无效HTML提交到代码库引发的特定bug，Bootstrap背后的团队安装了LMVTFY服务（Let Me Verify That For You——让我来替你校验它），它能够观测新的问题或是评论，抽取可能出现的HTML代码并通过一个HTML5验证器运行以校验。

现在，开发者可以通过npm下载Bootstrap框架。