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

Bootstrap是Twitter推出的一個開源的用于前端開發(fā)的工具包。它由Twitter的設(shè)計師Mark Otto和Jacob Thornton合作開發(fā)，是一個CSS/HTML框架。Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范，它即是由動態(tài)CSS語言Less寫成。

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

更新日志：

Bootstrap 3.2.0 正式發(fā)布

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

嵌入內(nèi)容支持響應式

正如在 SUIT CSS 中看到的，我們?yōu)閯?chuàng)建支持響應式的嵌入內(nèi)容提供了一組類。他們能夠非常好的按比例縮放 YouTube 視頻和其他的 iframe 或 embed 元素。著急的可以先去看文檔。

新增的響應式工具類

響應式工具類的出現(xiàn)已經(jīng)有一段時間了，例如：.visible-xs。今天，迎來了小小的升級。我們?yōu)槊總�尺寸的屏幕新增了 block、inline-block 和 inline。例如 .visible-xs-block 現(xiàn)在就可以使用了。

文檔中的代碼可直接復制

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

瀏覽器 Bug

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

還有更多...

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

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

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

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

輪轉(zhuǎn)圖組件支持鍵盤導航（向前和向后）。

模態(tài)框在被打開時不再向左位移。

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

下一個版本

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

Bootstrap 特色：

由匠人建，為匠人用
和您一樣，我們樂于創(chuàng)造出色的web應用，于是想幫助更多象我們一樣的匠人更為高效快捷地構(gòu)建產(chǎn)品。Bootstrap因此而生。

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

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

12列柵格布局
柵格系統(tǒng)不是萬能的，不過在應用的核心層有一個穩(wěn)定和靈活的柵格系統(tǒng)確實可以讓開發(fā)變得更簡單。可以選用內(nèi)置的柵格或是自己手寫。

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

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

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

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

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