流行前端框架及交互組件集(Bootstrap)

Bootstrap是Twitter推出的一個開源的用于前端開發的工具包。它由Twitter的設計師Mark Otto和Jacob Thornton合作開發，是一個CSS/HTML框架。Bootstrap提供了優雅的HTML和CSS規范，它即是由動態CSS語言Less寫成。

Bootstrap是基于jQuery框架開發的，它在jQuery框架的基礎上進行了更為個性化和人性化的完善，形成一套自己獨有的網站風格，并兼容大部分jQuery插件。

更新日志：

Bootstrap 3.2.0 正式發布

今天，我們正式發布最新的 Bootstrap v3.2.0 版本，這是我們4個月工作的成果。這個版本滿載了諸多貢獻者的熱忱、修復了數百個 bug、改進了大量文檔內容，還有編譯工具的完善。 從上個版本到現在，總共合并了超過1000個 commit。

嵌入內容支持響應式

正如在 SUIT CSS 中看到的，我們為創建支持響應式的嵌入內容提供了一組類。他們能夠非常好的按比例縮放 YouTube 視頻和其他的 iframe 或 embed 元素。著急的可以先去看文檔。

新增的響應式工具類

響應式工具類的出現已經有一段時間了，例如：.visible-xs。今天，迎來了小小的升級。我們為每個尺寸的屏幕新增了 block、inline-block 和 inline。例如 .visible-xs-block 現在就可以使用了。

文檔中的代碼可直接復制

在 ZeroClipboard （基于 Flash 的開源剪貼板工具）的幫助下，我們為文檔中的代碼片段加入了復制的功能。這個復制按鈕在每個代碼實例的右上角位置。只需點擊即可復制代碼。

瀏覽器 Bug

對于影響到 Bootstrap 開發的、尚未解決的瀏覽器 bug，我們已經開始追蹤了。我們給它起了個名字，叫做瀏覽器 Bug 墻。開發 Bootstrap 的過程中，最酷的一件事是發現并向瀏覽器的開發者報告 bug。我們其實也是在推動互聯網變得更好。

還有更多...

在這 1000 多個 commit 中，有一些是值得特別關注的改變：

文檔被重修安排，方便更新和開發。

進度條組件提升了靈活性。

提升了某些組件的 CSS 重繪效率（尤其是頁面滾動時）。

輪轉圖組件支持鍵盤導航（向前和向后）。

模態框在被打開時不再向左位移。

changelog 和 v3.2.0 里程碑文檔中有更詳細的信息。

下一個版本

我們可能會再發布一個補丁版（即 v3.2.1），接下來就是朝著 v4 版本進軍。我們曾經在 GitHub 上創建了一個 v3.3.0 的里程碑，但是目前還不清楚我們是否要在 v4 版本之前再發布一個中間版本。我們列出了對新版本的任務清單，不過現在還沒準備好對外公布。在我們準備好更多細節之后將會把它公布出來。等著吧！

Bootstrap 特色：

由匠人建，為匠人用
和您一樣，我們樂于創造出色的web應用，于是想幫助更多象我們一樣的匠人更為高效快捷地構建產品。Bootstrap因此而生。

適應各種技術水平
Bootstrap適應不同技術水平的從業者，無論是設計師還是程序員，大牛還是菜鳥。既能用來開發簡單的小東西，也能構造更為復雜的應用。

跨設備，跨瀏覽器
最初設想中的Bootstrap只支持現代瀏覽器，不過新版本已經能支持所有主流瀏覽器（甚至包括IE7）。從Bootstrap 2開始，提供對平板和智能手機的支持。

12列柵格布局
柵格系統不是萬能的，不過在應用的核心層有一個穩定和靈活的柵格系統確實可以讓開發變得更簡單?？梢赃x用內置的柵格或是自己手寫。

響應式設計
從Bootstrap 2開始，提供完整的響應式特性。所有的組件都能根據分辨率和設備靈活縮放，從而提供一致性的用戶體驗。

樣式化的文檔
與其他前端工具箱不同，Bootstrap優先設計了一個樣式化的使用指南，不僅用來介紹特性，更用以展示最佳實踐，應用以及代碼實例。

不斷完善的庫
盡管只有10kb(gzip壓縮后)，Bootstrap卻仍是最完備的前端工具箱之一，提供了幾十個全功能的隨時可用的組件。

定制的jQuery插件
一個出色的組件設計豈能沒有易用易擴展的人機界面？Bootstrap為此提供了定制的jQuery內置插件。

用LESS構建
當傳統的枯燥CSS寫法止步不前時，LESS橫空出世了。LESS中使用變量，嵌套，操作，混合編碼，花費很小成本卻讓書寫CSS更快更靈活。