Bootstrap 3 RC2

@mdo 2013 年 8 月 13 日

我们刚刚发布了 Bootstrap 3 的新版本,RC2。这是一个重大版本,因为有很多变化,但这些变化都是为了更好。感谢所有提供反馈和提交拉取请求的人,我们离最终版本越来越近了!

与 RC1 的主要变化

不列出所有细微的变化(自 RC1 以来已有超过 500 次提交!),这里简要概述一下变化。

  • 文档更改

  • 全局 CSS 更改

    • 更新垂直和水平渐变,使开始和结束颜色参数先出现,然后是开始和结束位置。 修复 #9049。
    • 使 .pull-right.pull-left 类使用 !important,以避免由于特异性(如在导航栏、按钮组等中)而需要覆盖。 查看 #8697。
    • 组件中添加了许多变量。
    • 更新了渐变,不包括 background-color,以改进混合器中 rgba() 颜色的使用。 查看 #8877
  • 网格系统

    • 彻底修改了网格系统,包括四个层级,而不是 RC1 中的原始三个层级。我们现在有 .col-xs(手机)、.col-sm(平板电脑)、.col-md(台式机)和 .col-lg(大型台式机)。响应式实用程序也已更新以匹配这些新的层级。 查看相关提交
    • .row 仅在位于 .container 内时才具有负的左右边距。这解决了使用全页容器的人员的水平滚动条问题(恢复了 2.x 中旧流体容器的完整行为)。 查看 #8959。
    • 网格现在包括每个断点的偏移、推入和拉出类 查看 #8974。
    • 更新了 mixins,使其能够将 gutter 宽度指定为第二个参数。 参见 #8935。
  • 按钮

    • 按钮和输入框,以及它们的大尺寸对应物,现在略微缩短了。
    • 新的默认按钮样式,以及 :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-colorbox-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`。这避免了由于链接类而导致的特殊性问题,并使样式更容易。
  • 其他组件更改

    • 需要关闭的警报现在需要 ` .alert-dismissable` 来正确填充警报并对齐关闭按钮。 参见 #9310.
    • 由于 #9211,响应式实用程序现在可以混合使用。
    • 删除了 ` .alert-block`,使用更简单的 ` .alert`。
    • 链接的面板标题现在继承其颜色。修复了 #9061.
    • 面板中的列表组不再需要 ` .list-group-flush`。
    • 标签现在需要 ` .label-default` 用于“默认”灰色选项。 参见 #9123.
    • 标签现在在为空时会自动折叠(IE8 除外)。 参见 #9241.

还剩下什么?

RC2 解决了我们迄今为止提交的大部分错误,但在最终发布之前,我们还需要解决一些问题。 查看问题 以查看您遇到任何问题时已存在的内容。如果您确实发现了问题,请打开一个新的问题,并提供一个示例来重现它(jsbin 或 jsfiddle 非常棒!),或者提交一个拉取请求。


前往文档 下载并探索 RC2 中的新内容。

<3