下面是官方发布Bootstrap 2.3版本的博客文章,里面的内容包括了2.3版本的改动和3.0版本的变化。原博客文章可点击这里查看。
Bootstrap 2.3
久等了朋友们。自我们推出新版本的Bootstrap已经过去了3个月。但不用担心,因为我们从未停止。经过无数次的延期,我们非常高兴地发布 Bootstrap 2.3。
包含些什么
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
状态。同样适用于按钮、导航、下拉菜单等等。
- 添加了打印属性,在
screen
和 print
之间显示或隐藏内容。
- 更新了各个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 milestone 或 2.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。
<3,
@mdo and @fat