Bootstrap 2.3 有哪些改進?

發表於2013-02-21

譯文來源: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。

相關文章