溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
本篇文章給大家分享的是有關(guān)bootstrap是什么，小編覺得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。
網(wǎng)格系統(tǒng)的實(shí)現(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的實(shí)現(xiàn)原理
通過定義容器的大小，平分為12份（也有24份，23份的，取12份是一打，表示進(jìn)階完美的意思），再調(diào)整內(nèi)外邊距，最后結(jié)合媒體查詢，制作出了強(qiáng)大的響應(yīng)式網(wǎng)格系統(tǒng)。(可以通過重新編譯LESS碼源來修改12這個數(shù)值)。
1.數(shù)據(jù)行(.row)必須包含在容器(.container)中，以便賦予合適的對其方式和內(nèi)邊距(padding)。
2.在行(.row)中可以添加列(.column)，但列數(shù)之和不能超過平分的總列數(shù)，比如：12.
3.通過設(shè)置內(nèi)邊距(padding)從而創(chuàng)建列于列之間的間距。然后通過為第一列和最后一列設(shè)置負(fù)值的外距(margin)來抵消內(nèi)距(padding)的影響。
4.不希望相鄰的兩個列緊靠近在一起，就用offset功能來實(shí)現(xiàn)。
以上就是bootstrap是什么，小編相信有部分知識點(diǎn)可能是我們?nèi)粘９ぷ鲿姷交蛴玫降摹ＯＭ隳芡ㄟ^這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注億速云行業(yè)資訊頻道。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機(jī)網(wǎng)站二維碼
