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

網(wǎng)站建設(shè)哪家好，找成都創(chuàng)新互聯(lián)！專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、成都微信小程序、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了正鑲白免費(fèi)建站歡迎大家使用！

Bootstrap的優(yōu)點(diǎn)：1、可提高開發(fā)效率；2、規(guī)范名稱定義，便于維護(hù)；3、擁有完善的文檔，有大量的組件樣式。缺點(diǎn)：1、學(xué)習(xí)成本提高，需要了解整個(gè)框架，需要閱讀框架的文檔；2、css框架對(duì)于一個(gè)小項(xiàng)目等頁(yè)面來(lái)說很臃腫；3、會(huì)有兼容問題。

隨著CSS3和HTML5的流行，我們的WEB頁(yè)面不僅需要更人性化的設(shè)計(jì)理念，而且需要更酷的頁(yè)面特效和用戶體驗(yàn)。作為開發(fā)者，我們需要了解一些寶貴的CSS UI開源框架資源，它們可以幫助我們更快更好地實(shí)現(xiàn)一些現(xiàn)代化的界面，包括一些移動(dòng)設(shè)備的網(wǎng)頁(yè)界面風(fēng)格設(shè)計(jì)。接下來(lái)就是要詳解Bootstrap框架：

首先，我們要知道為什么使用框架的原理。

CSS框架是一系列CSS文件的集合體，包含了基本的元素重置，頁(yè)面排版，網(wǎng)絡(luò)布局，表單樣式，通用規(guī)則等代碼塊。使用CSS框架，可以簡(jiǎn)化工作，提高工作效率。

我們?yōu)槭裁匆褂肂ootstrap框架，而不使用其他CSS框架？

隨著H5，CSS3的快速火起來(lái)，用戶體驗(yàn)尤為重要，移動(dòng)設(shè)備用戶的龐大，不容小視，而恰恰，Bootstrap就是為移動(dòng)設(shè)備而開發(fā)的框架。他雖然是以移動(dòng)設(shè)備優(yōu)先，傾向于Mobile，但不是移動(dòng)設(shè)備框架。
它由規(guī)范的CSS，JavaScript插件構(gòu)成，其最大的優(yōu)勢(shì)是響應(yīng)式布局，CSS媒體查詢(Media Query)的功勞，使得開發(fā)者可以方便的讓網(wǎng)頁(yè)無(wú)論在臺(tái)式機(jī)，手機(jī)上都獲得最佳的體驗(yàn)。

1. 抽象出常用的css樣式,高再可用性,高移植性
2. 有固有的定義,詳細(xì)的文檔及開發(fā)特點(diǎn)
3. 高兼容性,可以兼容流行的瀏覽器
4. 以css為主,但不一定全部是css,可能有一些js(或者其他)腳本用于兼容瀏覽器

Bootstrap框架可以分為三類：

第一：預(yù)處理腳本：

Bootstrap的源碼是基于最流行的CSS預(yù)處理腳本-Less和Sass開發(fā)的。你可以采用預(yù)編譯的CSS文件快速開發(fā)，也可以從源碼定制自己需要的樣式。例如。如果你頁(yè)面上有很多同樣的效果。只需要寫一個(gè)效果類。然后讓用到的地方去繼承他。就不需要再寫了。

第二：一個(gè)框架，多種設(shè)備

你的網(wǎng)站和應(yīng)用能在Bootstrap的幫助下通過同一個(gè)代碼快速，有效設(shè)配手機(jī)，平板、PC設(shè)備，這都是CSS媒體查詢的功勞。

第三：特效齊全

Bootstrap提供了全面、美觀的文檔、可以找到關(guān)于HTML元素，HTML和CSS組件、jQuery插件方面的所有詳細(xì)文檔。
Bootstrap組件： Bootstrap中包含了豐富的Web組件，根據(jù)這些組件，可以快速的搭建一個(gè)漂亮、功能完備的網(wǎng)站。比如：下拉菜單、按鈕組、按鈕下拉菜單、導(dǎo)航、導(dǎo)航條、路徑導(dǎo)航、分頁(yè)、排版、縮略圖、警告對(duì)話框、進(jìn)度條、媒體對(duì)象等。

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

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

• 提高開發(fā)效率

• 規(guī)范名稱定義，便于維護(hù)

• 規(guī)范項(xiàng)目開發(fā)流程

• css代碼更清晰、簡(jiǎn)單。html代碼更合理

• bootstap最近發(fā)布了bootstrap4，擁有了box-flex布局等更新，緊跟最新的web技術(shù)的發(fā)展

• 比較成熟，在大量的項(xiàng)目中充分的使用和測(cè)試

• 擁有完善的文檔，使用起來(lái)更方便

• 有大量的組件樣式，接受定制

缺點(diǎn)：

• 學(xué)習(xí)成本提高。你需要了解整個(gè)框架，需要閱讀框架的文檔

• css框架對(duì)于一個(gè)小項(xiàng)目等頁(yè)面來(lái)說很臃腫。框架中可能有大部分你用不到的代碼。

• 可能會(huì)無(wú)法幫助你的技術(shù)提高。太依賴框架，以至于很難排除bug。包括框架中本身就帶的bug。

• 選擇自己需要的框架與開發(fā)框架都很痛苦。寫到后面發(fā)現(xiàn)越來(lái)越不靈活，越來(lái)越臃腫。

• 如果有自己特殊的需求，就需要重新定制樣式，如果一個(gè)網(wǎng)站中有大量的非bootstrap“風(fēng)格”的樣式存在，那么你就需要做大量的css重寫，因此也就失去了使用框架的意義。

• 會(huì)有兼容問題，雖然網(wǎng)上存在很多兼容IE的辦法，但需要引入其他文件，有些還不小，勢(shì)必導(dǎo)致加載速度變慢，影響用戶體驗(yàn)。

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

網(wǎng)站名稱：Bootstrap都有哪些優(yōu)點(diǎn)和缺點(diǎn)
分享地址：http://chinadenli.net/article28/ppscjp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、品牌網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航、營(yíng)銷型網(wǎng)站建設(shè)、搜索引擎優(yōu)化、域名注冊(cè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)