Bootstrap 2.3 有哪些改进?

译文来源:iXieMin@iXieMin

下面是官方发布Bootstrap 2.3版本的博客文章,里面的内容包括了2.3版本的改动和3.0版本的变化。原博客文章可点击这里查看

Bootstrap 2.3

久等了朋友们。自我们推出新版本的Bootstrap已经过去了3个月。但不用担心,因为我们从未停止。经过无数次的延期,我们非常高兴地发布 Bootstrap 2.3

Bootstrap logo

包含些什么

Bootstrap 2.3 包含了一些新功能,同样的也修复了一些bug和对文档进行了改进。下面的是重要的地方:

  • 库的变化:
    • 对于makefile和安装过程现在使用本地而非全局的依赖。所以现在开始容易许多了 — 只需运行 npm install
    • 升级至jQuery 1.9。其实是没有更改的需要,但我们的升级也要把最新版本的jQuery包含在里面。
    • 更改了changelog(更改记录),而不是简单的链接到一个wiki页面。
  • 新功能和一些改进:
    • 在轮播组件添加了指示器!
    • 在提示工具添加 container 选项。默认的选项依然是 insertAfter, 但现在你可以把提示工具插入(可选的)container参数指定的容器里面。
    • 提示框(popovers)现在是使用max-width 代替 width,从240px扩大到280px,并如果没有通过CSS设置 :empty 选择器将会自动隐藏标题。
    • 改进了提示工具边缘上的对齐方式 #6713
    • 改进了所有组件的<a>标签。 合并之后#6441,链接停悬状态现在适用于 :focus 状态。同样适用于按钮、导航、下拉菜单等等。
    • 添加了打印属性,在 screenprint 之间显示或隐藏内容。
    • 更新了各个input组件,让它们的行为更像默认的表单控件。添加了 display: inline-block;,改善了 margin-bottom,并且加入了 vertical-align: middle; 以配合 <input> 的样式。
    • 加入 .horizontal-three-colors() 渐变mixin (例子在CSS测试文件)。
    • 加入了 .text-left.text-center, 和 .text-right 属性,让对齐更加容易。
    • 添加了 @ms-viewport,让IE10在多画面(分屏)模式下也可以使用响应式。
  • 文档改变:
    • 添加了一个新的导航示例
    • 添加了一个带有固定导航的粘页脚(Sticky footer)的示例。

和以往一样,你可以在GitHub查看2.3.0 milestone2.3.0 pull request 的一个更加完整的列表。以上未被提及的问题,大多是对CSS轻微的改动和文档的错别字。

下载 Bootstrap 2.3.0 (主线最新的ZIP)

提示工具的注意事项

当我们发布了Bootstrap 2.2.2,我们改变了提示工具和提示框的插入方式。在默认情况使用insertAfter代替追加到<body>的方式。这种变化修复了z-index数量问题,并可以更加容易的控制和修改样式。

不幸的是,这也导致了一些错误的出现,也就是干扰了相邻的CSS选择器,破坏了input。我们并没有修改插入方式,而是加入了一个新的 container 选项。如果你遇到在 insertAfter 情况下不显示,那么在该选项设置最适合你使用的元素。

Bootstrap 3

正如我们以前所提到的,在专注开发3.0版本前,2.3版本是我们最后发布的一个版本。对于最新版本的情况,可跟进Bootstrap 3 pull request当然这里也有的一些“内幕”:

  • Bootstrap 3 将优先支持移动设备。
  • 没有单独的响应式CSS文件,现在整合到一个文件。
  • 放弃对IE7和Firefox 3.x(及以下版本)的支持。
  • 网格(栅格)已彻底修改,更容易使用,并在默认情况为流式布局。
  • 对话框现已支持响应式。
  • 不再支持子菜单。
  • 重新设计了轮播。
  • 重命名所有变量,现使用破折号分割代替驼峰命名。
  • 放弃了图像图标,用字体图标代替。
  • JavaScript事件也将加入命名空间。
  • 文档的改动 – 框架和基础CSS已被合并成一个单一的CSS页面。
  • 添加一个新的画廊页(gallery page)来展示更多更棒的Bootstrap的现实例子。
  • 和其他混乱的变化。

而这仅仅是一部分亮点。同样,进入pull request看最新变化,我们也将保持更新。可以通过任何形式进行反馈,可发表评论,或来到我们的Twitter。

收藏 评论

相关文章

可能感兴趣的话题



直接登录
跳到底部
返回顶部