bootstrap前端框架
文章出處:http://coolbang.cn 作者:興邦開(kāi)發(fā)部 人氣: 發(fā)表時(shí)間:2016年03月30日
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)置的柵格或是自己手寫(xiě)。
響應(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寫(xiě)法止步不前時(shí),LESS橫空出世了。LESS中使用變量,嵌套,操作,混合編碼,讓CSS編寫(xiě)更快更靈活。
感興趣的可以打開(kāi)連接查看文檔:http://wrongwaycn.github.com/bootstrap/docs/index.html