- 文档:对一般结构、示例和代码片段的全面重大更新。还对新的媒体查询做出响应。
- 文档:所有文档页面现在都由 Mustache 模板提供支持,字符串被包裹在 i18n 标记中,以供 Twitter 翻译中心翻译。对文档的所有更改都必须在这里完成然后编译(类似于我们的 CSS 和 LESS)。
- Repo 目录结构:从根目录中删除了已编译的 CSS,以支持文档主页上的大型直接下载链接。编译的 CSS 在
/docs/assets/css/
.
- Docs and repo:一个makefile,只需
make
在终端输入并获取更新的文档和CSS。
网格系统
- 更新了网格系统,现在只有 12 列而不是 16 列
- 响应式方法意味着您的项目几乎可以在智能手机、平板电脑等设备上开箱即用
- 删除了未使用的(默认情况下)网格列支持 17-24 列
响应式(媒体查询)
- 为跨移动和平板设备的基本支持添加了媒体查询
- 响应式 CSS 单独编译,为 bootstrap-responsive.css
排版
h4
元素从 16px 下降到 14px,默认line-height
为 18px
h5
元素从 14px 下降到 12px
h6
元素从 13px 下降到 11px
- 块引用的右对齐选项,如果
float: right;
代码
- 新的图形样式
<code>
- 更新了 Google Code Prettify 样式(基于 GitHub 的要点)
表
- 改进了对
colspan
和的支持rowspan
- 样式现在仅限于新的基类,
.table
.table-
以required 作为前缀标准化的表类
- 删除了未使用的表格颜色选项(太多的代码影响如此之小)
- 放弃对 TableSorter 的支持
纽扣
- 颜色和尺寸的新类,所有前缀
.btn-
- IE9:移除渐变并添加圆角
- 更新了活动状态以使按钮组中的样式更清晰(新),并通过自定义转换看起来更好
- 新的 mixin,
.buttonBackground
, 来设置按钮渐变
- 该类
.secondary
已从我们文档中的模态示例中删除,因为它从未有关联的样式。
形式
- 默认表单样式现在是垂直(堆叠)以使用更少的 CSS 并增加更大的灵活性
.form-
以required 作为前缀标准化的表单类
- 搜索、内联和水平表单的新内置表单默认值
- 对于水平形式,以前的类
.clearfix
和.input
等价于新的.control-group
和.controls
。
- 更灵活的水平表单标记,包含适用于所有样式的类,包括新的可选类
label
- 表单状态:通过新的 LESS 变量更新和自定义颜色
图标,由 Glyphicons
- 新的 Glyphicons Halflings 图标集以 sprite 形式添加,黑色和白色
- 大量上下文中的图标所需的简单标记:
<i class="icon-cog"></>
.icon-white
为同一图标的白色变体添加另一个类
按钮组和下拉菜单
- 2.0 中的两个全新组件:按钮组和按钮下拉菜单
- 依赖性:按钮下拉菜单建立在按钮组上,因此需要它们的所有样式
- 按钮组,
.btn-group
,可以使用按钮工具栏将其分组更高一级,.btn-toolbar
导航
- 选项卡和药丸现在需要在其上使用新的基类 ,
.nav
,<ul>
并且类名现在是.nav-pills
和.nav-tabs
。
- 添加了使用相同基类的新导航列表变体,
.nav
- 添加了垂直标签和药丸 - 只需添加
.nav-stacked
到<ul>
- 默认情况下,药丸被重新设计为不那么圆润
- Pills 现在支持下拉菜单(它们与标签共享相同的标记和样式)
导航栏(以前的顶部栏)
- 基类从 更改
.topbar
为.navbar
- 现在支持静态位置(默认行为,不固定)并通过固定到视口顶部
.navbar-fixed-top
(以前只支持固定)
- 向顶级导航添加了垂直分隔线
- 改进了对导航栏中内联表单的支持,现在需要
.navbar-form
正确地将样式范围限定为预期的表单。
- 导航栏搜索表单现在需要使用
.navbar-search
该类,并且其输入使用.search-query
. 要定位搜索表单,您必须使用.pull-left
或.pull-right
。
- 添加了可选的响应标记,用于折叠导航栏内容以适应较小的分辨率和设备。请参阅导航栏文档了解如何使用。
下拉菜单
- 更新
.dropdown-menu
以收紧间距
- 现在要求您添加一个
<span class="caret"></span>
以显示下拉箭头
- 现在需要您添加一个
data-toggle="dropdown"
属性来获得切换行为
- 导航栏(固定顶部栏)具有全新的下拉菜单。深色版本已经一去不复返了,取而代之的是标准的白色版本,顶部有一个额外的插入符号,以明确位置。
标签
- 更新标签颜色以匹配表单状态颜色
- 它们不仅在图形上匹配,而且由相同的新变量提供支持
缩略图
- 以前
.media-grid
,现在只是.thumbnails
,我们已经彻底扩展了这个组件以供更多用途,同时保持开箱即用的整体简单性。
- 个人缩略图现在需要
.thumbnail
类
警报
- 新基类:
.alert
代替.alert-message
- 为其他选项标准化的类名,现在都以
.alert-
- 重新设计了基本警报样式,将默认警报和块级警报合二为一
- 块级警报类更改:
.alert-block
而不是.block-message
进度条
- 2.0 中的新功能
- 通过类具有多种样式,包括通过 CSS3 的条纹和动画变化
杂项组件
工具提示
- 插件方法已重命名
twipsy()
为tooltip()
,类名已更改twipsy
为tooltip
。
- 过去的
placement
期权价值below
是 now bottom
,above
现在是top
。
- 该
animate
选项已重命名为animation
.
- 该
html
选项已被删除,因为工具提示现在默认允许 HTML。
约夏克布丁
- 子元素现在正确命名为:
.title
to .popover-title
、.inner
to.popover-inner
和.content
to .popover-content
。
- 过去的
placement
期权价值below
是 now bottom
,above
现在是top
。
新插件