Bootstrap 3 RC2
我们刚刚发布了 Bootstrap 3 的新版本,RC2。这是一个重大版本,因为有很多变化,但这些变化都是为了更好。感谢所有提供反馈和提交拉取请求的人,我们离最终版本越来越近了!
与 RC1 的主要变化
不列出所有细微的变化(自 RC1 以来已有超过 500 次提交!),这里简要概述一下变化。
-
文档更改
- 自定义程序回来了!它还需要一些工作,但功能已经重写,并且将在我们发布最终版本时得到改进。
- 在我们的 浏览器兼容性文档 中添加了新的说明,以突出显示 Windows Phone 8 中 Internet Explorer 10 未拾取媒体查询的解决方法。 查看 #9171。
- 在“入门”页面添加了新部分,用于记录 第三方和附加组件兼容性 问题。 查看 #9175。
- 添加了 新的无障碍访问部分,许多新的 aria 和 role 属性,以及更多内容,以提高 508 和 WCAG 兼容性。 查看 #9186。 此外,根据 #9332、#9347 和 #9352,改进了文档中更多语义 HTML5 元素的使用。
- 添加了 HTML 验证测试,并使所有现有失败通过。 查看 #9396。
-
全局 CSS 更改
-
网格系统
-
按钮
- 按钮和输入框,以及它们的大尺寸对应物,现在略微缩短了。
- 新的默认按钮样式,以及
:hover
和:active
状态下的更高对比度。 修复了 #8786。 - 新的尺寸修饰符类——不再使用
.btn-mini
、.btn-small
或.btn-large
,我们现在有.btn-xs
、.btn-sm
和.btn-lg
。 参见 #9056。 - 新的按钮组大小类:只需将
.btn-group-xs
、.btn-group-sm
或.btn-group-lg
添加到任何.btn-group
中,你就可以使用了。 参见 #9295。
-
表单
- 与新的按钮类类似,我们有新的输入大小类:
.input-sm
和.input-lg
。 参见 #9056。 - 输入焦点状态现在通过变量和 mixin 生成。使用
@input-focus-border
变量和.form-control-focus
mixin 来生成自定义的border-color
和box-shadow
。 - 大小修饰符类,用于大型和小型的组件——包括按钮、表单输入、分页和井号——都已标准化为使用
-sm
或-lg
。 参见 #9056。 - 内联表单现在需要使用
.form-group
,根据 #9382,才能正确地对齐和调整所有(原生和自定义)表单控件的大小。这也有助于使表单标记更加一致和灵活(只需交换一个类),所以太棒了! - 添加了
.static-form-control
来处理水平表单布局中的静态占位符文本。 修复了 #8150。 - 新的输入组大小类:只需将
.input-group-sm
或.input-group-lg
添加到任何.input-group
中,你就可以使用了。 参见 #9295。
- 与新的按钮类类似,我们有新的输入大小类:
-
放弃了手风琴,更新了面板。
- 我们移除了手风琴,而是选择扩展面板组件来提供相同的功能。 参见 #9404.
-
导航栏
- 彻底改造了导航栏,使其始终响应式且移动优先。
- 导航栏现在需要一个
.navbar-header
来包裹品牌和切换按钮。 .nav-collapse
已重命名为.navbar-collapse
,并自动设置最大高度,并会溢出以保持导航内容在同一视窗中。- 请参见 #9403 中的详细信息。
- 导航栏现在需要一个
- 导航栏不再使用 ` .pull-left` 或 ` .pull-right`,而是使用 ` .navbar-left` 和 ` .navbar-right`。这避免了由于链接类而导致的特殊性问题,并使样式更容易。
- 彻底改造了导航栏,使其始终响应式且移动优先。
-
其他组件更改
还剩下什么?
RC2 解决了我们迄今为止提交的大部分错误,但在最终发布之前,我们还需要解决一些问题。 查看问题 以查看您遇到任何问题时已存在的内容。如果您确实发现了问题,请打开一个新的问题,并提供一个示例来重现它(jsbin 或 jsfiddle 非常棒!),或者提交一个拉取请求。
前往文档 下载并探索 RC2 中的新内容。
<3