淺析bootstrap原理及優(yōu)缺點
網(wǎng)格系統(tǒng)的實現(xiàn)原理，是通過定義容器大小，平分12份(也有平分成24份或32份，但12份是最常見的)，再調(diào)整內(nèi)外邊距，最后結(jié)合媒體查詢，就制作出了強(qiáng)大的響應(yīng)式網(wǎng)格系統(tǒng)。Bootstrap框架中的網(wǎng)格系統(tǒng)就是將容器平分成12份。
bootstrap優(yōu)缺點：
1.bootstap最近發(fā)布了bootstrap4，擁有了box-flex布局等更新，緊跟最新的web技術(shù)的發(fā)展
2.比較成熟，在大量的項目中充分的使用和測試
3.擁有完善的文檔，使用起來更方便
4.有大量的組件樣式，接受定制
缺點：
1.如果有自己特殊的需求，就需要重新定制樣式，如果一個網(wǎng)站中有大量的非bootstrap“風(fēng)格”的樣式存在，那么你就需要做大量的css重寫，因此也就失去了使用框架的意義。
2.會有兼容問題，雖然網(wǎng)上存在很多兼容IE的辦法，但需要引入其他文件，有些還不小，勢必導(dǎo)致加載速度變慢，影響用戶體驗。
以上所述是小編給大家介紹的淺析bootstrap原理及優(yōu)缺點，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復(fù)大家的！
相關(guān)文章
jquery實現(xiàn)html頁面 div 假分頁有原理有代碼
大概原理就是填充后div的總高度 （1000px） 顯示高度（100px） 則頁面總數(shù)為10頁 。當(dāng)查看第二頁時，顯示的div高度為100 - 200之間，以此類推2014-09-09
深入分析jQuery的ready函數(shù)是如何工作的(工作原理)
這篇文章主要介紹了jQuery的ready函數(shù)是如何工作的,深入分析了jQueryready函數(shù)的運(yùn)作流程及相應(yīng)的工作原理,需要的朋友可以參考下2015-12-12
jQuery實現(xiàn)的頁面遮罩層功能示例【測試可用】
這篇文章主要介紹了jQuery實現(xiàn)的頁面遮罩層功能,結(jié)合完整實例形式詳細(xì)分析了jQuery遮罩層實現(xiàn)步驟與相關(guān)操作技巧,需要的朋友可以參考下2017-10-10
<iframe>也應(yīng)該是框架的一種形式，它與<frame>不同的是，iframe可以嵌在網(wǎng)頁中的任意部分。本文給大家介紹jQuery中iframe的操作(點擊按鈕新增窗口)，需要的朋友參考下吧2016-04-04
jQuery function想必大家都不會陌生，web前端開發(fā)人員經(jīng)常會接觸到，下面為大家介紹下它的正確書寫方法，感興趣的朋友可以參考下2013-08-08
這篇文章主要介紹了jQuery命名空間與閉包用法,結(jié)合實例形式演示了jQuery中命名空間及閉包的具體使用技巧,需要的朋友可以參考下2017-01-01
jquery ajax學(xué)習(xí)筆記2 使用XMLHttpRequest對象的responseXML
使用XMLHttpRequest對象的responseXML的方式來接受XML數(shù)據(jù)對象的DOM對象2011-10-10
這篇文章主要介紹了jQuery實現(xiàn)獲取元素索引值index的方法,涉及jQuery針對頁面元素的遍歷,index索引操作及屬性操作相關(guān)技巧,需要的朋友可以參考下2016-09-09
下面小編就為大家?guī)硪黄獙Quary選擇器的全面總結(jié)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
JQuery實現(xiàn)鼠標(biāo)移動到圖片上顯示邊框效果
鼠標(biāo)移動到圖片顯示邊框效果在瀏覽網(wǎng)頁的時候，大家也都見過，接下來使用jquery來實現(xiàn)這個功能，喜歡的朋友可以參考下2014-01-01