淺析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-12jQuery實現(xiàn)的頁面遮罩層功能示例【測試可用】
這篇文章主要介紹了jQuery實現(xiàn)的頁面遮罩層功能,結(jié)合完整實例形式詳細(xì)分析了jQuery遮罩層實現(xiàn)步驟與相關(guān)操作技巧,需要的朋友可以參考下2017-10-10jquery ajax學(xué)習(xí)筆記2 使用XMLHttpRequest對象的responseXML
使用XMLHttpRequest對象的responseXML的方式來接受XML數(shù)據(jù)對象的DOM對象2011-10-10JQuery實現(xiàn)鼠標(biāo)移動到圖片上顯示邊框效果
鼠標(biāo)移動到圖片顯示邊框效果在瀏覽網(wǎng)頁的時候,大家也都見過,接下來使用jquery來實現(xiàn)這個功能,喜歡的朋友可以參考下2014-01-01