淺析bootstrap原理及優(yōu)缺點(diǎn)
網(wǎng)格系統(tǒng)的實(shí)現(xiàn)原理，是通過(guò)定義容器大小，平分12份(也有平分成24份或32份，但12份是最常見(jiàn)的)，再調(diào)整內(nèi)外邊距，最后結(jié)合媒體查詢，就制作出了強(qiáng)大的響應(yīng)式網(wǎng)格系統(tǒng)。Bootstrap框架中的網(wǎng)格系統(tǒng)就是將容器平分成12份。
bootstrap優(yōu)缺點(diǎn)：
1.bootstap最近發(fā)布了bootstrap4，擁有了box-flex布局等更新，緊跟最新的web技術(shù)的發(fā)展
2.比較成熟，在大量的項(xiàng)目中充分的使用和測(cè)試
3.擁有完善的文檔，使用起來(lái)更方便
4.有大量的組件樣式，接受定制
缺點(diǎn)：
1.如果有自己特殊的需求，就需要重新定制樣式，如果一個(gè)網(wǎng)站中有大量的非bootstrap“風(fēng)格”的樣式存在，那么你就需要做大量的css重寫(xiě)，因此也就失去了使用框架的意義。
2.會(huì)有兼容問(wèn)題，雖然網(wǎng)上存在很多兼容IE的辦法，但需要引入其他文件，有些還不小，勢(shì)必導(dǎo)致加載速度變慢，影響用戶體驗(yàn)。
以上所述是小編給大家介紹的淺析bootstrap原理及優(yōu)缺點(diǎn)，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的！
相關(guān)文章
接下來(lái)幾篇教程，將重點(diǎn)講解jquery1.4新增的16個(gè)方法，有幾個(gè)方法還是非常實(shí)用的。2010-02-02
jquery數(shù)組過(guò)濾篩選方法grep()簡(jiǎn)介
這篇文章主要介紹了jquery數(shù)組過(guò)濾篩選方法grep()簡(jiǎn)介,需要的朋友可以參考下2014-06-06
jquery mobile界面數(shù)據(jù)刷新的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇jquery mobile界面數(shù)據(jù)刷新的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
jQuery實(shí)現(xiàn)form表單基于ajax無(wú)刷新提交方法詳解
這篇文章主要介紹了jQuery實(shí)現(xiàn)form表單基于ajax無(wú)刷新提交方法,結(jié)合實(shí)例形式分析了jQuery使用$.ajax()方法實(shí)現(xiàn)無(wú)刷新提交的詳細(xì)步驟與實(shí)現(xiàn)技巧,并附帶了一個(gè)較為完整的實(shí)例供大家參考,需要的朋友可以參考下2015-12-12
jQuery Easyui加載表格出錯(cuò)時(shí)在表格中間顯示自定義的提示內(nèi)容
這篇文章主要介紹了jQuery Easyui加載表格出錯(cuò)時(shí)在表格中間顯示自定義的提示內(nèi)容的相關(guān)資料,需要的朋友可以參考下2016-12-12
jQuery插件實(shí)現(xiàn)文字無(wú)縫向上滾動(dòng)效果代碼
這篇文章主要介紹了jQuery插件實(shí)現(xiàn)文字無(wú)縫向上滾動(dòng)效果代碼,通過(guò)時(shí)間函數(shù)定時(shí)觸發(fā)動(dòng)態(tài)修改頁(yè)面元素屬性實(shí)現(xiàn)文字無(wú)縫滾動(dòng)的功能,需要的朋友可以參考下2016-02-02
jQuery實(shí)現(xiàn)簡(jiǎn)單的滑動(dòng)導(dǎo)航代碼(移動(dòng)端)
這篇文章主要介紹了jQuery實(shí)現(xiàn)簡(jiǎn)單的滑動(dòng)導(dǎo)航代碼,適合用于移動(dòng)端。需要的朋友可以參考下2017-05-05
基于jquery的無(wú)縫循環(huán)新聞列表插件,需要的朋友可以參考下。2011-03-03
使用jQuery實(shí)現(xiàn)按鈕置灰不可用效果
在Web開(kāi)發(fā)中,有時(shí)候我們需要在特定情況下將按鈕置灰并設(shè)置為不可用狀態(tài),以防止用戶重復(fù)點(diǎn)擊或者暫時(shí)禁止某些操作,本文將介紹如何使用jQuery來(lái)實(shí)現(xiàn)這一效果,感興趣的朋友跟著小編一起來(lái)看看吧2024-09-09
基于jQuery實(shí)現(xiàn)圖片推拉門(mén)動(dòng)畫(huà)效果的兩種方法
本文給大家分享兩種方法實(shí)現(xiàn)''推拉門(mén)''動(dòng)畫(huà)效果也可以稱作是手風(fēng)琴效果，具體實(shí)現(xiàn)方法大家通過(guò)本文一起學(xué)習(xí)吧2017-08-08