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

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

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

更新日志：

Bootstrap 3.2.0 正式發(fā)布

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

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

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

新增的響應(yīng)式工具類

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

文檔中的代碼可直接復(fù)制

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

瀏覽器 Bug

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

還有更多...

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

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

進(jìn)度條組件提升了靈活性。

提升了某些組件的 CSS 重繪效率（尤其是頁面滾動(dòng)時(shí)）。

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

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

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

下一個(gè)版本

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

Bootstrap 特色：

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

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

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

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

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

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

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

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

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