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