bootstrap有什么優(yōu)缺點(diǎn)

這篇文章給大家分享的是有關(guān)bootstrap有什么優(yōu)缺點(diǎn)的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

bootstrap是一個(gè)基于HTML、CSS、JavaScript的前端框架，是為實(shí)現(xiàn)快速開(kāi)發(fā)Web應(yīng)用程序而設(shè)計(jì)的一套前端工具包。優(yōu)點(diǎn)有：1、實(shí)現(xiàn)響應(yīng)式布局，開(kāi)發(fā)響應(yīng)式布局網(wǎng)站很便捷；2、統(tǒng)一的編碼風(fēng)格；3、簡(jiǎn)單易寫(xiě)；4、移動(dòng)設(shè)備優(yōu)先等。

本教程操作環(huán)境：Windows7系統(tǒng)、bootsrap3.3.7版、DELL G3電腦

什么是Bootstrap

Bootstrap是Twitter開(kāi)源的基于HTML、CSS、JavaScript的前端框架。它是為實(shí)現(xiàn)快速開(kāi)發(fā)Web應(yīng)用程序而設(shè)計(jì)的一套前端工具包。它支持響應(yīng)式布局，并且在V3版本之后堅(jiān)持移動(dòng)設(shè)備優(yōu)先。

Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范，它即是由動(dòng)態(tài)CSS語(yǔ)言L(fǎng)ess寫(xiě)成。Bootstrap一經(jīng)推出后頗受歡迎，一直是GitHub上的熱門(mén)開(kāi)源項(xiàng)目，包括NASA的MSNBC（微軟全國(guó)廣播公司）的Breaking News都使用了該項(xiàng)目。 國(guó)內(nèi)一些移動(dòng)開(kāi)發(fā)者較為熟悉的框架，如WeX5前端開(kāi)源框架等，也是基于Bootstrap源碼進(jìn)行性能優(yōu)化而來(lái)。

包含內(nèi)容

• 基本結(jié)構(gòu)：Bootstrap 提供了一個(gè)帶有網(wǎng)格系統(tǒng)、鏈接樣式、背景的基本結(jié)構(gòu)。這將在Bootstrap 基本結(jié)構(gòu)部分詳細(xì)講解。

• CSS：Bootstrap 自帶以下特性：全局的 CSS設(shè)置、定義基本的 HTML 元素樣式、可擴(kuò)展的 class，以及一個(gè)先進(jìn)的網(wǎng)格系統(tǒng)。

• 組件：Bootstrap中包含了豐富的Web組件，根據(jù)這些組件，可以快速的搭建一個(gè)漂亮、功能完備的網(wǎng)站。

• 其中包括以下組件：　下拉菜單、按鈕組、按鈕下拉菜單、導(dǎo)航、導(dǎo)航條、路徑導(dǎo)航、分頁(yè)、排版、縮略圖、警告對(duì)話(huà)框、進(jìn)度條、媒體對(duì)象等

• JavaScript 插件：Bootstrap自帶了13個(gè)jQuery插件，這些插件為Bootstrap中的組件賦予了“生命”。其中包括：模式對(duì)話(huà)框、標(biāo)簽頁(yè)、滾動(dòng)條、彈出框等。

bootstrap優(yōu)缺點(diǎn)

優(yōu)點(diǎn)：

• 可以實(shí)現(xiàn)響應(yīng)式布局，開(kāi)發(fā)響應(yīng)式布局網(wǎng)站很便捷

• 統(tǒng)一的編碼風(fēng)格

• 簡(jiǎn)單易寫(xiě)

• 詳細(xì)的說(shuō)明文檔，可快速開(kāi)發(fā)

• 移動(dòng)設(shè)備優(yōu)先

• 性能成熟，在大量項(xiàng)目中使用測(cè)試過(guò)

缺點(diǎn)：

• 有兼容性問(wèn)題，ie6以下不支持

• 不支持sass

• 使用定制會(huì)產(chǎn)生大量冗余代碼

• 點(diǎn)擊導(dǎo)航頁(yè)面直接切換相應(yīng)位置時(shí)，效果像一個(gè)錨點(diǎn)，沒(méi)有滾動(dòng)動(dòng)畫(huà)

感謝各位的閱讀！關(guān)于“bootstrap有什么優(yōu)缺點(diǎn)”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！