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

創(chuàng)新互聯(lián)建站于2013年創(chuàng)立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項目成都網(wǎng)站制作、做網(wǎng)站、外貿(mào)營銷網(wǎng)站建設(shè)網(wǎng)站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元郟縣做網(wǎng)站,已為上家服務(wù),為郟縣各地企業(yè)和個人服務(wù),聯(lián)系電話:18980820575

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

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

什么是Bootstrap

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

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

包含內(nèi)容

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

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

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

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

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

bootstrap優(yōu)缺點

優(yōu)點：

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

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

• 簡單易寫

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

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

• 性能成熟，在大量項目中使用測試過

缺點：

• 有兼容性問題，ie6以下不支持

• 不支持sass

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

• 點擊導(dǎo)航頁面直接切換相應(yīng)位置時，效果像一個錨點，沒有滾動動畫

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