溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

bootstrap的原理分析

發(fā)布時間:2021-07-07 11:03:18 來源:億速云 閱讀:148 作者:小新 欄目:web開發(fā)

這篇文章主要介紹了bootstrap的原理分析,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

網(wǎng)格系統(tǒng)的實現(xiàn)原理,是通過定義容器大小,平分12份(也有平分成24份或32份,但12份是最常見的),再調(diào)整內(nèi)外邊距,最后結(jié)合媒體查詢,就制作出了強大的響應(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的原理分析”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關(guān)注億速云行業(yè)資訊頻道,更多相關(guān)知識等著你來學(xué)習(xí)!

向AI問一下細節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI