Bootstrap 3.2.0 的新特性

  • Abel Avram
  • 李彬

2014 年 7 月 4 日

话题:JavaScriptHTML5语言 & 开发

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

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

<div class="embed-responsive embed-responsive-16by9">
<iframe src="…(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 框架。

查看英文原文:Bootstrap 3.2 Adds Responsive Embeds Among Others

JavaScriptHTML5语言 & 开发