淺析bootstrap原理及優(yōu)缺點(diǎn)
網(wǎng)格系統(tǒng)的實(shí)現(xiàn)原理，是通過(guò)定義容器大小，平分12份(也有平分成24份或32份，但12份是最常見(jiàn)的)，再調(diào)整內(nèi)外邊距，最后結(jié)合媒體查詢(xún)，就制作出了強(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)致加載速度變慢，影響用戶(hù)體驗(yàn)。
以上所述是小編給大家介紹的淺析bootstrap原理及優(yōu)缺點(diǎn)，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的！
相關(guān)文章
jquery實(shí)現(xiàn)html頁(yè)面 div 假分頁(yè)有原理有代碼
大概原理就是填充后div的總高度 （1000px） 顯示高度（100px） 則頁(yè)面總數(shù)為10頁(yè) 。當(dāng)查看第二頁(yè)時(shí)，顯示的div高度為100 - 200之間，以此類(lèi)推2014-09-09
深入分析jQuery的ready函數(shù)是如何工作的(工作原理)
這篇文章主要介紹了jQuery的ready函數(shù)是如何工作的,深入分析了jQueryready函數(shù)的運(yùn)作流程及相應(yīng)的工作原理,需要的朋友可以參考下2015-12-12
jQuery實(shí)現(xiàn)的頁(yè)面遮罩層功能示例【測(cè)試可用】
這篇文章主要介紹了jQuery實(shí)現(xiàn)的頁(yè)面遮罩層功能,結(jié)合完整實(shí)例形式詳細(xì)分析了jQuery遮罩層實(shí)現(xiàn)步驟與相關(guān)操作技巧,需要的朋友可以參考下2017-10-10
jQuery中iframe的操作(點(diǎn)擊按鈕新增窗口)
<iframe>也應(yīng)該是框架的一種形式，它與<frame>不同的是，iframe可以嵌在網(wǎng)頁(yè)中的任意部分。本文給大家介紹jQuery中iframe的操作(點(diǎn)擊按鈕新增窗口)，需要的朋友參考下吧2016-04-04
jQuery function的正確書(shū)寫(xiě)方法
jQuery function想必大家都不會(huì)陌生，web前端開(kāi)發(fā)人員經(jīng)常會(huì)接觸到，下面為大家介紹下它的正確書(shū)寫(xiě)方法，感興趣的朋友可以參考下2013-08-08
這篇文章主要介紹了jQuery命名空間與閉包用法,結(jié)合實(shí)例形式演示了jQuery中命名空間及閉包的具體使用技巧,需要的朋友可以參考下2017-01-01
jquery ajax學(xué)習(xí)筆記2 使用XMLHttpRequest對(duì)象的responseXML
使用XMLHttpRequest對(duì)象的responseXML的方式來(lái)接受XML數(shù)據(jù)對(duì)象的DOM對(duì)象2011-10-10
jQuery實(shí)現(xiàn)獲取元素索引值index的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)獲取元素索引值index的方法,涉及jQuery針對(duì)頁(yè)面元素的遍歷,index索引操作及屬性操作相關(guān)技巧,需要的朋友可以參考下2016-09-09
下面小編就為大家?guī)?lái)一篇對(duì)jQuary選擇器的全面總結(jié)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
JQuery實(shí)現(xiàn)鼠標(biāo)移動(dòng)到圖片上顯示邊框效果
鼠標(biāo)移動(dòng)到圖片顯示邊框效果在瀏覽網(wǎng)頁(yè)的時(shí)候，大家也都見(jiàn)過(guò)，接下來(lái)使用jquery來(lái)實(shí)現(xiàn)這個(gè)功能，喜歡的朋友可以參考下2014-01-01