- 文檔:對一般結構、示例和代碼片段的全面重大更新。還對新的媒體查詢做出響應。
- 文檔:所有文檔頁面現在都由 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
。
新插件