bootstrap前端框架

文章出處：http://www.yfgame777.com 作者：興邦開(kāi)發(fā)部

bootstrap前端框架

   bootstrap 是基于 HTML，CSS，JavaScript 的簡(jiǎn)潔靈活的流行前端框架及交互組件集，由微博的先驅(qū) Twitter 在2011年8月開(kāi)源的整套前端解決解決方案。bootstrap 有非常完備和詳盡的使用幫助文檔，熱心的 @TV來(lái)客開(kāi)發(fā)者 翻譯成了中文，討厭英文的朋友有福了。

   Bootstrap 的口號(hào)是 Designed for everyone, everywhere.（適用于任何場(chǎng)景，適用于每一個(gè)人），主要有以下特色：

　　適應(yīng)各種技術(shù)水平

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

　　跨設(shè)備，跨瀏覽器

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

　　12列柵格布局

　　柵格系統(tǒng)不是萬(wàn)能的，不過(guò)在應(yīng)用的核心層有一個(gè)穩(wěn)定和靈活的柵格系統(tǒng)確實(shí)可以讓開(kāi)發(fā)變得更簡(jiǎn)單。可以選用內(nèi)置的柵格或是自己手寫。

　　響應(yīng)式設(shè)計(jì)

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

　　樣式化的文檔

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

　　不斷完善的庫(kù)

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

　　定制的jQuery插件

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

　　用LESS構(gòu)建

 

　　當(dāng)傳統(tǒng)的枯燥CSS寫法止步不前時(shí)，LESS橫空出世了。LESS中使用變量，嵌套，操作，混合編碼，讓CSS編寫更快更靈活。

     感興趣的可以打開(kāi)連接查看文檔：http://wrongwaycn.github.com/bootstrap/docs/index.html