下面是官方釋出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頁面。
- 對於makefile和安裝過程現在使用本地而非全域性的依賴。所以現在開始容易許多了 — 只需執行
- 新功能和一些改進:
- 在輪播元件新增了指示器!
- 在提示工具新增
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。