BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

Bootstrap 3.2.0的新特性

| 作者 Abel Avram 关注 10 他的粉丝 ,译者 李彬 关注 1 他的粉丝 发布于 2014年7月5日. 估计阅读时间: 2 分钟 | QCon上海2018 关注大数据平台技术选型、搭建、系统迁移和优化的经验。

最近更新的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

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT